Pinia
Store de gestion d'état officiel pour Vue.js, léger, typé et conçu pour la Composition API.
Détails techniques
Pinia est le store de gestion d'etat officiel de Vue.js, successeur de Vuex. Il offre une API intuitive basee sur la Composition API, avec un support TypeScript natif.
Mon usage
Dans ce portfolio, j'utilise 7 stores Pinia pour l'etat global transversal :
- authentification JWT
- alertes
- loader
- modale
- navigation
- UI
Pinia est reserve au state partage entre composants : le data fetching est gere par TanStack Query.
Points cles
- Simplicite : pas de mutations, pas de modules imbriques, juste des stores composables avec
state,gettersetactions. - TypeScript : l'inference est automatique et chaque store est tree-shakable.
- Vue DevTools : l'integration permet d'inspecter et de modifier l'etat en temps reel.
- Plugins : ils etendent les fonctionnalites (persistance
localStorage, undo/redo, synchronisation entre onglets).
Projets réalisés avec Pinia
Découvrez les projets utilisant ce stack
Lumiris - Plateforme Digital Product Passport
Plateforme collaborative de Digital Product Passport (DPP) : traçabilité produit, conformité et tran...
Effervescence 93 - Plan interactif salon B2B
Plan interactif web pour le salon B2B Effervescence 93 de la CCI Seine-Saint-Denis, avec carte SVG, ...
Portfolio Personnel V2
Portfolio développeur full-stack moderne avec SSR, API REST, dashboard admin complet et système de g...
Besoin d'un développeur Pinia ?
Avec 2 ans et 4 mois d'expérience en Pinia, je peux vous aider à réaliser votre projet.