How do I install the React State Management skill?

Run npx skillmds@latest add dokhacgiakhoa/react-state-management in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is React State Management safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with React State Management?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is React State Management free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published React State Management?

Dokhacgiakhoa (@dokhacgiakhoa) published this skill. Their other Agent Skills are listed on their SkillMD profile.

React State Management by dokhacgiakhoa

Name: React State Management
Rating: 4.2 (5 reviews)
Author: Dokhacgiakhoa

File contents

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

🧠 Knowledge Modules (Fractal Skills)

1. 1. State Categories

2. 2. Selection Criteria

3. Zustand (Simplest)

4. Pattern 1: Redux Toolkit with TypeScript

5. Pattern 2: Zustand with Slices (Scalable)

6. Pattern 3: Jotai for Atomic State

7. Pattern 4: React Query for Server State

8. Pattern 5: Combining Client + Server State

9. Do's

10. Don'ts

11. From Legacy Redux to RTK

---name: react-state-managementdescription: 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.--- # 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 ## 🧠 Knowledge Modules (Fractal Skills) ### 1. [1. State Categories](./sub-skills/1-state-categories.md) ### 2. [2. Selection Criteria](./sub-skills/2-selection-criteria.md) ### 3. [Zustand (Simplest)](./sub-skills/zustand-simplest.md) ### 4. [Pattern 1: Redux Toolkit with TypeScript](./sub-skills/pattern-1-redux-toolkit-with-typescript.md) ### 5. [Pattern 2: Zustand with Slices (Scalable)](./sub-skills/pattern-2-zustand-with-slices-scalable.md) ### 6. [Pattern 3: Jotai for Atomic State](./sub-skills/pattern-3-jotai-for-atomic-state.md) ### 7. [Pattern 4: React Query for Server State](./sub-skills/pattern-4-react-query-for-server-state.md) ### 8. [Pattern 5: Combining Client + Server State](./sub-skills/pattern-5-combining-client-server-state.md) ### 9. [Do's](./sub-skills/dos.md) ### 10. [Don'ts](./sub-skills/donts.md) ### 11. [From Legacy Redux to RTK](./sub-skills/from-legacy-redux-to-rtk.md)

Frequently asked questions

React State Management

File contents

React State Management

Do not use this skill when

Instructions

Use this skill when

Core Concepts

🧠 Knowledge Modules (Fractal Skills)

1. 1. State Categories

2. 2. Selection Criteria

3. Zustand (Simplest)

4. Pattern 1: Redux Toolkit with TypeScript

5. Pattern 2: Zustand with Slices (Scalable)

6. Pattern 3: Jotai for Atomic State

7. Pattern 4: React Query for Server State

8. Pattern 5: Combining Client + Server State

9. Do's

10. Don'ts

11. From Legacy Redux to RTK

Related skills

Frequently asked questions

How do I install the React State Management skill?

What does the React State Management skill do?

Is React State Management safe to use?

Which AI agents work with React State Management?

Is React State Management free to use?

Who published React State Management?