0 views
Read
#0
Learn Pinia - Pre-Requisites Skills & Setup Environment
Before touching Pinia, you need to master modern JavaScript, basic TypeScript, and the Vue 3 Composition API. In this episode you will also set up a Vue project with Vite, install pinia, and verify that the Pinia instance is correctly installed.
August 10, 2026
00
Read
#1
Learn Pinia - History, Background & Why You Need Pinia
This episode traces Pinia's origins: from the Flux-based Vuex 3 and 4, to the birth of Pinia as an experiment by Eduardo San Martin Morote in 2019, to its adoption as the Vue team's official standard in 2022. You will also compare Pinia with Vuex, manual composables, and signal-based stores.
August 10, 2026
00
Read
#2
Learn Pinia - Core Concepts & Main Architecture
This episode dissects the anatomy of a Pinia store: state for reactive data, getters for derived state, and actions for mutations and side effects. You also understand how Pinia works behind the scenes, the createPinia and app.use installation, and the difference between Options stores and Setup stores.
August 10, 2026
00
Read
#3
Learn Pinia - Setup, Installation & First Store
In this episode you complete the Pinia installation and create the first store: a counter store with a count state and an increment action. You also use that store inside a component, including how to access state and call an action from the template and the script.
August 10, 2026
00
Read
#4
Learn Pinia - Options Store vs Setup Store
Pinia provides two equally capable styles of writing stores: the Options store with state, getters, and actions, and the Setup store based on the Composition API. This episode writes the same store in both styles, then discusses when to choose each one and the advantage of Setup stores in using composables.
August 10, 2026
00
Read
#5
Learn Pinia - State & Reactivity
This episode dissects how to manage Pinia state: direct access, multi-field updates with $patch, resetting with $reset, and reactive destructuring with storeToRefs. You also understand the difference between ordinary destructuring, which kills reactivity, and storeToRefs, which keeps it alive.
August 10, 2026
00
Read
#6
Learn Pinia - Getters (Derived State)
A getter is a store's computed property for derived state. This episode covers simple getters, getters that access another store's state, parameterized getters that return a function, and the memoization behavior that distinguishes getters without arguments from parameterized getters.
August 10, 2026
00
Read
#7
Learn Pinia - Actions & Async Logic
An action is where mutation logic and side effects live in Pinia. This episode covers basic actions, async actions that call APIs with loading and error status, and actions that call other stores. You also learn reusability patterns so an action can be called from any component.
August 10, 2026
00
Read
#8
Learn Pinia - Plugin System
Plugins are how Pinia extends all stores at once. This episode covers creating a plugin with pinia.use, adding global properties to stores, accepting plugin options through the options argument, and using $subscribe and $onAction for store-level observability.
August 10, 2026
00
Read
#9
Learn Pinia - Persistence & State Storage
Application state often needs to survive a browser refresh. This episode covers pinia-plugin-persistedstate for syncing to localStorage and sessionStorage, picking which fields to persist, using custom storage like IndexedDB, and handling rehydration safely.
August 10, 2026
00