Aujourd'hui, nous allons explorer ensemble Pinia, un gestionnaire d'État global pour Vue.js. Même si vous pouvez créer des valeurs réactives globales en utilisant les fonctionnalités de base de Vue, Pinia offre plusieurs avantages qui peuvent simplifier votre travail et améliorer la structure de votre application.
Les avantages
Pinia offre plusieurs avantages par rapport à une simple variable réactive
- La possibilité d'inspecter l'état et de le modifier à travers l'extension Vue.js.
- Le support de rechargement à chaud.
- Des outils de tests.
- L'intégration dans Nuxt.js pour le rendu côté serveur
Au delà de ces avantages, ce qu'offre surtout Pinia, c'est une manière d'organiser les stores bien spécifiques avec la possibilité de rajouter des extensions (comme par exemple le stockage local afin de persister l'état lors du rechargement). C'est particulièrement intéressant lorsque vous travaillez en équipe car ça permet d'avoir une organisation prédéfinie et connue.
Pas systématique
Si vous n'êtes pas intéressé par le rendu côté serveur et que vous avez un cas plutôt simple, il n'est pas forcément nécessaire d'utiliser Pinia dans votre application point, même si la librairie est relativement légère, elle apporte un poids supplémentaire qui n'est pas forcément pertinent.
