zustand-state-management

Production-tested setup for Zustand state management in React applications with TypeScript.This skill provides comprehensive patterns for building scalable, type-safe global state.Use when: setting up global state in React, migrating from Redux or Context API, implementingstate persistence with localStorage, configuring TypeScript with Zustand, using slices patternfor modular stores, adding devtools middleware for debugging, handling Next.js SSR hydration,or encountering hydration errors, TypeScript inference issues, or persist middleware problems.Prevents 5 documented issues: Next.js hydration mismatches, TypeScript double parenthesessyntax errors, persist middleware export errors, infinite render loops, and slices patterntype inference failures.Keywords: zustand, state management, React state, TypeScript state, persist middleware,devtools, slices pattern, global state, React hooks, create store, useBoundStore,StateCreator, hydration error, text content mismatch, infinite render, localStorage,

// tip: Run this command in your terminal to install the skill