zustand_state - Set up production-ready Zustand state management in React.
Provides React patterns for Zustand stores, TypeScript typing, persistence, devtools, hydration handling, and selector safety.
Tags
Updated: 2026-10-08Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create Zustand stores
- Type stores with TypeScript
- Persist state across reloads
- Configure persistence middleware
- Prevent hydration mismatches
- Prevent selector render loops
- Apply slice patterns
Inputs
- React project
- State shape and actions
- Persistence requirements
- SSR or hydration context
Outputs
- Zustand store code
- Typed state and actions
- Persistence configuration
- Hydration guard logic
- React selector usage
Requirements
- React 18+
- TypeScript 5+
- Zustand 5.0.8
- Browser storage for persistence