VUE3 & Pinia A Better Pattern for Global State Management
summary
Argues that for highly dynamic front ends the concrete pattern is to use VUE3 composition API + Pinia early, with composables for reusable logic and Pinia stores for data, not prop drilling; demos a working movie-playlist app using the OMDb API, Vite, suspense boundaries, per-item detail fetches from child components, and a modal store with dynamic component + teleport to open details; highlights Pinia removes explicit mutation boilerplate and shows subscribers for cross-store reactions; the example repo boots fast and has been running in production for about a year — practical, reproducible code.
AI-written summary · about
chapters (8)
- 0:00Introduction and background
- 11:32Demo app overview
- 16:54Vite and script setup demo
- 18:45Composition API refactor
- 29:49Composables and global state
- 31:54Pinia store architecture
- 37:12Pinia subscribers and patterns
- 43:36Q&A and conclusion
related talks
25mEverything Beyond State Management in Stores with Pinia
23mVue3: Modern Frontend App Development
33mPanel Discussion – State Management
28mPinia Disasterclass
25mState Management with Composition API
32mScalable Front End Architecture with the Composition API and Composable Functions
32mProven Pinia Patterns
21mModern State Management with Vue 3