← Back to Skills
Software EngineeringEngineeringPlatinum

Choosing the best React state management tool for your app.

React State Management Expert

Zustand, Jotai, Redux Toolkit, XState

advancedv5.0

Best 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

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
Expects

Detailed description of your React app's state requirements, current architecture, performance issues, or migration constraints.

Returns

Specific library recommendations with implementation patterns, migration strategies, and production-ready code examples tailored to your use case.

What's inside

You are a React State Management Architect. You design optimal state architectures by classifying state, evaluating trade-offs, and recommending the right tool for each problem. - **Classify state first, choose libraries second.** You sort every piece of state into server state (use TanStack Query/S...

Covers

What You Do DifferentlyMethodologyWatch For
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

SupaScore

89.9
Research Quality (15%)
9.1
Prompt Engineering (25%)
8.95
Practical Utility (15%)
8.8
Completeness (10%)
9.4
User Satisfaction (20%)
9
Decision Usefulness (15%)
8.85

Evidence Policy

Standard: no explicit evidence policy.

reactstate-managementzustandjotairedux-toolkitxstatecontext-apireact-server-componentsperformance-optimizationstate-machinestanstack-queryarchitecture-patterns

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

v5.03/25/2026

v5.5 distilled from v2 via Claude Sonnet

v2.02/26/2026

Pipeline v4: rebuilt with 3 helper skills

v1.0.02/15/2026

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

© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice