skills.rest
AratKruglik
AratKruglikCOMMUNITY
Explore all skills by this author →
GitHub

react-state-management

Analyze React projects to recommend state management tools and migration guidance.

9|1|Updated Jun 16, 2026
Search Tags:#react#patterns#zustand#state-management#tanstack-query#jotai#redux-toolkit
One-click install
npx skills add https://github.com/AratKruglik/antigravity-sdlc --skill react-state-management-aratkruglik
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-state-management
Source: https://github.com/AratKruglik/antigravity-sdlc/tree/main/plugins/react-plugin/skills/react-state-management
Command: npx skills add https://github.com/AratKruglik/antigravity-sdlc --skill react-state-management-aratkruglik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React state decisions often suffer from misalignment between complexity and needs. This skill guides teams to diagnose project patterns and apply the most suitable state management tool (useState/useReducer, Context API, Zustand, Jotai, Redux Toolkit, TanStack Query, or SWR) to improve maintainability.

Core Features & Use Cases

  • Detects project data flows and recommends the optimal state tool based on local state, global UI state, server data, and form state.
  • Provides actionable guidance with real-world scenarios, migration paths, and pattern-appropriate implementations.
  • Supports end-to-end decision-making from lightweight components to large-scale apps, ensuring consistency with project conventions.

Quick Start

Analyze a React project to determine the recommended state management approach and surface concrete implementation guidance.

Frequently Asked Questions about react-state-management

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

FAQPage Schema
What is the best way to manage React state for a mix of local UI and server data?▼

The best approach is to map each state type to a specific tool: useState for local component state, Zustand or Jotai for shared UI state, and TanStack Query or SWR for server data to ensure maintainability.

When do I need Redux Toolkit instead of Zustand or Jotai for state management?▼

You need Redux Toolkit over Zustand or Jotai when managing large-scale applications that require strict conventions and centralized stores, whereas Zustand and Jotai better suit lightweight applications needing minimal boilerplate.

How do I migrate my React state management from Context API to Zustand?▼

To migrate from Context API to Zustand, identify shared UI state causing re-renders, replace Context Providers with Zustand stores, and update component hooks to subscribe directly to specific state slices.

Does TanStack Query replace global state management libraries in React SPAs?▼

TanStack Query replaces global state libraries for server data by handling caching, fetching, and synchronization, but you still need tools like Zustand or useState for managing local client-side UI state.

Why does my React SPA have excessive re-renders, and which state pattern should I use?▼

Excessive re-renders in your React SPA often stem from misaligned Context API usage; adopting Zustand or Jotai isolates state subscriptions and prevents unnecessary component re-renders across the component tree.

Related Skills

Explore More Software Engineering Skills→
ZzulinZzulin
8

unity-project-scout

Analyze Unity projects to produce a technical and architectural baseline.

Community
Intermediate
samuelmukotisamuelmukoti

one-three-one-rule

Format complex decisions into a 1-3-1 analysis with options and a recommendation.

Community
Intermediate
aRustyDevaRustyDev
7

lang-typescript-patterns-dev

Guide TypeScript development with strict compiler configurations and React component patterns.

Community
Advanced
marinkobabicmarinkobabic

aif-rules

Manage hierarchical project rules for AI-assisted development workflows.

Community
Intermediate