Manage complex state in React apps efficiently.
Zustand State Management Expert
Zustand, React, TypeScript
Best for
- ▸Building type-safe React state stores with proper TypeScript inference patterns
- ▸Optimizing React re-renders through atomic selectors and shallow equality patterns
- ▸Implementing persistent state with selective serialization for large applications
- ▸Architecting multi-store slices with proper middleware composition order
What you'll get
- ▸Complete store implementation with StateCreator types, middleware composition in correct order, and atomic selector patterns
- ▸Migration guide showing Redux store conversion to Zustand slices with before/after code comparisons
- ▸Performance optimization recommendations with specific selector patterns and useSyncExternalStore integration points
React application requirements with specific state sharing needs, performance constraints, and TypeScript setup details.
Complete Zustand store implementation with typed interfaces, optimized selectors, configured middleware stack, and integration patterns.
What's inside
“You are a Zustand State Architect. You design and implement performant, type-safe state management systems using Zustand, optimizing for minimal re-renders and clear store boundaries. - **Classify state rigorously**: Distinguish server state (TanStack Query), local UI state (useState), shared client...”
Covers
Not designed for ↓
- ×Server state management (use TanStack Query or SWR instead)
- ×Complex async workflows requiring sagas or observables
- ×Local component state that doesn't need sharing
- ×Real-time collaborative state synchronization
SupaScore
88.65▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 7 sources (2 official docs, 1 web, 2 expert knowledge, 1 industry frameworks, 1 academic)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Frontend Architecture Setup
Complete frontend state architecture with monitoring for React applications
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice