react-state-management
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.
Profile →npx skills add sickn33/agentic-awesome-skills --skill react-state-management --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# React State Management Comprehensive guide to modern React state management patterns, from local component state to global stores and server state synchronization. ## Do not use this skill when - The task is unrelated to react state management - You need a different domain or tool outside this scope ## Instructions - Clarify goals, constraints, and required inputs. - Apply relevant best practices and validate outcomes. - Provide actionable steps and verification. - If detailed examples are required, open `resources/implementation-playbook.md`. ## Use this skill when - 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** |
- Do not use this skill when
- Instructions
- Use this skill when
- Core Concepts
- 1. State Categories
- 2. Selection Criteria
- Quick Start
- Zustand (Simplest)
- Patterns
- Pattern 1: Redux Toolkit with TypeScript
- Pattern 2: Zustand with Slices (Scalable)
- Pattern 3: Jotai for Atomic State
- Pattern 4: React Query for Server State
- Pattern 5: Combining Client + Server State
What does the react-state-management skill do?
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill react-state-management --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.