0 views
Read
#0
Learning Zustand - Pre-Requisites Skills & Environment Setup
Before touching Zustand, you need to master modern JavaScript, React hooks, and understand the difference between local state, global state, and server state. This episode sets up a Vite project, installs zustand, and verifies your first installation.
August 10, 2026
00
Read
#1
Learning Zustand - History, Background & Why You Need Zustand
This episode reviews the evolution of React state management from prop drilling, the Context API, to boilerplate-heavy Redux, then the birth of Zustand by the pmndrs team in 2019. You will also understand the problems Zustand solves: no Provider, selective re-renders, and a size of around 1.2 KB gzipped.
August 10, 2026
00
Read
#2
Learning Zustand - Core Concepts & Key Architecture
This episode breaks down the Zustand store model that holds state and actions in a single object, the subscribe/notify mechanism behind the scenes, the three core APIs useStore, setState, and subscribe, as well as the concepts of selectors, transient updates, and the vanilla store.
August 10, 2026
00
Read
#3
Learning Zustand - Setup, Installation & Your First Store
This episode practices project preparation: creating a React project, installing zustand, organizing the stores folder structure, and writing your first counter store. You also learn the pattern of reading state via selectors and the limitations of destructuring the entire store.
August 10, 2026
00
Read
#4
Learning Zustand - The create(), set & get API
This episode breaks down the anatomy of create((set, get) => ...), the two forms of set — a plain object and an updater function — and the role of get for reading the current state inside actions. You also learn correct update patterns with spread and immutability.
August 10, 2026
00
Read
#5
Learning Zustand - Selectors & Subscriptions
This episode covers selectors as the key to minimal re-renders, using useShallow from zustand/react/shallow to select several slices at once, and manual subscriptions with subscribeWithSelector for logging, analytics, and synchronization outside React.
August 10, 2026
00
Read
#6
Learning Zustand - Actions & Async State
This episode covers placing logic inside the store as actions, async actions with async/await, managing loading/error/success status, and centralized error handling for clean, testable data fetching.
August 10, 2026
00
Read
#7
Learning Zustand - TypeScript & Typing Stores
This episode covers writing typed stores with create<State>()(...), defining state and action interfaces, typing middleware, using StoreApi, and the combine pattern for slicing large stores without losing types.
August 10, 2026
00
Read
#8
Learning Zustand - Middleware: persist
This episode covers the persist middleware that saves state to localStorage or sessionStorage automatically, the name option for the storage key, partialize for choosing the subset of state to store, and skipHydration for controlling the rehydration process.
August 10, 2026
00
Read
#9
Learning Zustand - Middleware: immer
This episode covers the immer middleware for updating nested state in a mutable-but-immutable way through draft functions, comparing it with manual spread, when to use immer versus spread, and the performance trade-offs of both.
August 10, 2026
00