skills.rest
ChrstprJohn
ChrstprJohnCOMMUNITY
Explore all skills by this author →
GitHub

react-state-management

Standardize React state management across local, global, and server state.

6|Updated Mar 1, 2026
Search Tags:#typescript#react#zustand#state-management#react-query#jotai#redux-toolkit
One-click install
npx skills add https://github.com/ChrstprJohn/SamsonDentalCenter --skill react-state-management-chrstprjohn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-state-management
Source: https://github.com/ChrstprJohn/SamsonDentalCenter/tree/main/.agent/skills/react-state-management
Command: npx skills add https://github.com/ChrstprJohn/SamsonDentalCenter --skill react-state-management-chrstprjohn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams design and implement scalable React state management strategies, from local UI state to global stores and server state synchronization.

Core Features & Use Cases

  • Global state management with Redux Toolkit, Zustand, or Jotai, including persistence and devtools.
  • Server state coordination with React Query (RTK Query) to fetch, cache, and invalidate data.
  • Migration guidance and patterns for transitioning from legacy Redux to modern patterns and for adopting a split between client and server state.

Quick Start

Clarify goals and constraints, then implement a small example using Redux Toolkit or Zustand to demonstrate the chosen pattern.

Frequently Asked Questions about react-state-management

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What's the best way to manage React state across local, global, and server tiers?▼

To structure React state management, separate client and server state, using Zustand or Redux Toolkit for global UI data and React Query to fetch and cache server state.

How do I migrate from legacy Redux to modern React state management?▼

Migrate legacy Redux to modern React state management by transitioning to Redux Toolkit for global state and adopting React Query to split and coordinate server state synchronization.

When do I need React Query versus Zustand or Jotai for state management?▼

Use React Query for server state coordination like data fetching and caching, while Zustand or Jotai handle local and global client UI state requiring persistence and selective subscriptions.

Does this React state management approach support TypeScript and large dashboards?▼

Yes, this React state management approach supports TypeScript and large dashboards by enforcing best practices for type safety, selective subscriptions, and data normalization across scalable apps.

How do I set up Zustand or Redux Toolkit for a new React app?▼

Set up Zustand or Redux Toolkit for a new React app by clarifying your goals and constraints, then implement a small example to demonstrate the chosen pattern with devtools and persistence.

Related Skills

Explore More Software Engineering Skills→
kibertoadkibertoad
1

add-scoped-store

Create per-entity scoped Zustand stores with getOrCreate and useScoped APIs.

Community
Advanced
CloudAI-XCloudAI-X
1.4k

vercel-react-best-practices

Audits React and Next.js apps for performance and applies best practices.

Community
Basic
belos-streetbelos-street
8

zustand

Create typed, hook-based stores for React and React Native state management.

Community
Intermediate
oldwombatoldwombat

vercel-composition-patterns

Identify scalable React component architectures replacing boolean props with composition patterns.

Community
Advanced