Home / Stacks / React State Management
🧠

React State Management

Pick the right tool for every kind of state — atomic with Jotai, store-based with Zustand, proxy with Valtio, predictable with Redux Toolkit, statecharts with XState, and server cache with TanStack Query

6 skills · Works with Claude Code, Codex, Cursor & more

⚙️ Engineering
RARE

Zustand State Management

Manage React application state with Zustand. Creates typed stores, implements middleware (persist, devtools, immer), handles async actions, and designs store architecture for complex applications.

Community 4.5K
Scanned
zustand state-management react
mkdir -p ~/.claude/skills/zustand-state && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/react-expert/SKILL.md -o ~/.claude/skills/zustand-state/SKILL.md
⚙️ Engineering
RARE

Jotai Atomic State

Manage React state with Jotai's atomic model. Designs primitive and derived atoms, async atoms with Suspense, atom families, and storage-persisted atoms to eliminate unnecessary re-renders and context boilerplate.

Community 3.0K
Scanned
jotai state-management react
mkdir -p ~/.claude/skills/jotai && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/react-expert/SKILL.md -o ~/.claude/skills/jotai/SKILL.md
⚙️ Engineering
RARE

Valtio Proxy State

Manage React state with Valtio's mutable proxy model. Creates proxy stores you mutate directly, subscribes components with useSnapshot, derives computed values, and persists or syncs state without reducers or actions.

Community 1.5K
Scanned
valtio state-management react
mkdir -p ~/.claude/skills/valtio && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/react-expert/SKILL.md -o ~/.claude/skills/valtio/SKILL.md
⚙️ Engineering
RARE

Redux Toolkit

Build predictable global state with Redux Toolkit. Generates slices with Immer reducers, configures the store, handles async with createAsyncThunk, and wires data fetching and caching with RTK Query.

Community 3.6K
Scanned
redux redux-toolkit state-management
mkdir -p ~/.claude/skills/redux-toolkit && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/react-expert/SKILL.md -o ~/.claude/skills/redux-toolkit/SKILL.md
⚙️ Engineering
RARE

XState State Machines

Model complex UI and app logic as statecharts with XState. Builds finite state machines, hierarchical and parallel states, guarded transitions, actors, and side-effect handling for flows too tricky for booleans.

Community 2.7K
Scanned
xstate state-machines statecharts
mkdir -p ~/.claude/skills/xstate && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/react-expert/SKILL.md -o ~/.claude/skills/xstate/SKILL.md
⚙️ Engineering
RARE

TanStack Query Data Fetching

Manage server state in React with TanStack Query. Implements query caching, background refetching, optimistic updates, infinite scroll, pagination, and stale-while-revalidate patterns with full TypeScript support.

TanStack 4.3K
Scanned
tanstack-query react-query data-fetching
mkdir -p ~/.claude/skills/tanstack-query && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/react-expert/SKILL.md -o ~/.claude/skills/tanstack-query/SKILL.md

More Stacks

🤝

Agent Engineering Kit

Engineer reliable AI agents — build on the Claude Agent SDK, coordinate teams with multi-agent patterns, give them memory, and keep them safe with mechanical guardrails and evaluation
🕹️

AI Agent Frameworks

Pick the right framework and ship agents fast — type-safe Python with Pydantic AI, multi-agent orchestration with OpenAI Agents SDK, Agno, and CrewAI, TypeScript graphs with LangGraph.js, and typed workflows with Mastra
🤖

AI Builder Stack

Build AI-powered applications with RAG, multi-agent systems, prompt engineering, and MCP integrations

View all stacks →

Added to wishlist