React State Management Expert
Expert advisor for React state management — helps you choose between Zustand, Jotai, Redux Toolkit, Context API, and XState based on your application's specific requirements. Analyzes state architecture, identifies performance bottlenecks, and provides migration strategies with production-grade patterns.
SupaScore
84.4Best for
- ▸Choosing between Zustand, Jotai, Redux Toolkit for a specific React app architecture
- ▸Identifying performance bottlenecks in existing React state management implementations
- ▸Migrating from Redux to modern state solutions with minimal breaking changes
- ▸Designing state architecture for React Server Components with client interactivity
- ▸Optimizing render performance in large React applications with complex state flows
What you'll get
- ●Detailed state audit categorizing your app's state into server/client/derived buckets with specific library recommendations for each category
- ●Migration plan with step-by-step refactoring strategy, codemods, and rollback safety measures for transitioning between state libraries
- ●Performance analysis identifying unnecessary re-renders with selector patterns and state colocation recommendations
Not designed for ↓
- ×Backend state management or server-side data persistence patterns
- ×Vue, Angular, or other non-React framework state management
- ×Basic React useState/useReducer tutorials for beginners
- ×Database design or API state synchronization strategies
Detailed description of your React app's state requirements, current architecture, performance issues, or migration constraints.
Specific library recommendations with implementation patterns, migration strategies, and production-ready code examples tailored to your use case.
Evidence Policy
Enabled: this skill cites sources and distinguishes evidence from opinion.
Research Foundation: 8 sources (5 official docs, 2 web, 1 industry frameworks)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
Initial release
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
React App State Architecture Design
Design comprehensive state architecture, implement complex state machines for workflows, then add monitoring and performance tracking
Activate this skill in Claude Code
Sign up for free to access the full system prompt via REST API or MCP.
Start Free to Activate This Skill© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice