ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Frameworks & web · #zustand
Guide to implementing Zustand's `persist` middleware to sync state to localStorage, including a decision matrix, TypeScript implementation, and storage optimization.
A diagnostic guide for common Zustand v4/v5 problems: silent updates, selector memoization failures, persist hydration mismatches, TypeScript inference gaps, and store initialization races. Includes symptom-to-cause table, ordered checks, fixes, and escalation criteria.
Stop unnecessary React re-renders by mastering Zustand selectors. Learn how to decouple components from global state noise using precise subscriptions and shallow equality.
Configure Zustand's persist middleware to survive reloads without serializing functions, leaking secrets, or corrupting state on migration. Includes a worked cart-only example, migration pattern, and verification checklist.
Use Zustand's shallow utility to prevent React components from re-rendering when store state gets a new reference but unchanged content.
Decide when to use Zustand's Immer middleware versus manual spread updates, with a TypeScript example and immutability checks.
Learn how to configure Zustand's persist middleware to automatically save and restore store state in the browser, filter which parts of state are persisted, and avoid common hydration mismatches in server‑side rendered apps.
Learn how Zustand’s selector‑based subscriptions and shallow equality can cut unnecessary renders in React components, with a concrete example and best‑practice checklist.
A diagnostic guide for Zustand selector reference-equality pitfalls: why components over-render or miss updates, with cause table, ordered checks, fixes (shallow, deep, Immer, subscribeWithSelector), TypeScript guards, and escalation steps.
react
typescript