Vue State Management
State management is at the heart of every Vue application, but exactly how you manage that state can sometimes be...confusing. So let's explore your options! We'll start with the basics, like props and events, before moving on to provide/inject, custom composables, and Pinia. Along the way, we'll tackle practical, real-world scenarios. By the end, you'll know exactly which approach to use and when, so your apps stay clean, organized, and fun to work on.
Series episodes
Basic State Management (2)
Basic State Management Using Props
8m 28sLearn how to manage Vue state simply by passing data with props and events to keep your components synced and reactive.
Mitigating Prop Drilling Using Provide And Inject
9m 7sLearn how to simplify data sharing in Vue by using provide and inject to avoid prop drilling and keep your components clean and efficient.
Custom Composables (1)
Pinia State Management (8)
Introducing Pinia State Management
10m 34sGet started with Pinia, Vue’s recommended state management library, and learn how it simplifies handling app state with ease and clarity.
Async Actions Using Pinia
13m 44sLearn how to create async actions in Pinia to handle API calls and manage asynchronous tasks smoothly in your Vue applications.
Authentication
16m 20sMaster authentication in Vue by learning how to store and manage auth data efficiently using Pinia for secure, seamless apps.
Placing & Retrieving Orders
14m 16sLearn how to securely place and retrieve orders with authenticated API calls, ensuring a smooth experience for logged-in users.
Pinia $onAction
8m 34sDiscover how Pinia’s $onAction hook lets you flexibly respond to store actions and trigger user-friendly toast notifications with ease.
Pinia Plugins
8m 56sLearn to create custom Pinia plugins and integrate pinia-plugin-persistedstate to boost your store’s functionality and persistence.
Testing Pinia Stores
13m 34sLearn how to test Pinia stores in isolation and verify components that rely on them for reliable, maintainable Vue applications.
Pinia And SSR (Using Nuxt)
8m 7sExplore how to seamlessly integrate Pinia with Nuxt’s SSR, ensuring smooth state management in server-side rendered Vue apps.
Wrapping Up (2)
Async State Using Tanstack Query
14m 28sLearn how Tanstack Query simplifies server-side state with less boilerplate and adds retry with backoff for robust async data handling.
Where To Go Next?
2m 22sReflect on your Vue journey, review key lessons, and discover the best next steps to keep growing your skills and confidence.
