React State Management

Solid reference for navigating React's state management ecosystem. Covers the decision matrix between Redux Toolkit, Zustand, and Jotai with practical TypeScript examples for each. The Zustand slice pattern and Jotai atomic examples are especially useful for scaling beyond basic useState. Includes React Query patterns for server state separation, which is often overlooked but crucial for modern apps. The selection criteria table saves you from overthinking tool choice. Code examples are production-ready with proper TypeScript, error handling, and performance considerations like selective subscriptions in Zustand.

skills.sh installs: 15.9K
GitHub stars: 42.4K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add wshobson/agents --skill react-state-management --agent claude-code

Installs into .claude/skills of the current project.

Files

React State Management

Comprehensive guide to modern React state management patterns, from local component state to global stores and server state synchronization.

When to Use This Skill

Setting up global state management in a React app
Choosing between Redux Toolkit, Zustand, or Jotai
Managing server state with React Query or SWR
Implementing optimistic updates
Debugging state-related issues
Migrating from legacy Redux to modern patterns

Core Concepts

1. State Categories

Type	Description	Solutions
Local State	Component-specific, UI state	useState, useReducer
Global State	Shared across components	Redux Toolkit, Zustand, Jotai
Server State	Remote data, caching	React Query, SWR, RTK Query
URL State	Route parameters, search	React Router, nuqs
Form State	Input values, validation	React Hook Form, Formik