This is a solid reference for choosing and implementing state management in React apps. It covers the full spectrum: Zustand for simplicity, Redux Toolkit for large apps with complex state, Jotai for atomic updates, and React Query for server state. The selection criteria table is genuinely helpful if you're stuck deciding between solutions. Code examples are production ready with TypeScript, middleware patterns, and slice architectures. The weakness is it tries to cover everything, so if you already know which library you're using, you'll skip sections. Best used when architecting a new app or migrating from legacy Redux and need to compare modern approaches side by side.

skills.sh installs
425
GitHub stars
39.4K
last updated
Jun 3, 2026

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill react-state-management --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

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

Sponsors

Details

Repository
github.com/sickn33/antigravity-awesome-skills
Category
Frontend Development
First seen
Jun 3, 2026

More from sickn33/antigravity-awesome-skills

All 708
1mrgoonie avatarfrontend-designmrgoonie/claudekit-skillsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat424skills.sh installs
2block avatarfrontend-designblock/agent-skillsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat405skills.sh installs
3vercel-labs avatarshadcnvercel-labs/vercel-pluginshadcn399skills.sh installs
4aradotso avatar3dsvg-interactive-reactaradotso/trending-skills3dsvg interactive react393skills.sh installs
5levnikolaevich avatarln-114-frontend-docs-creatorlevnikolaevich/claude-code-skillsCreates design_guidelines.md with WCAG 2.1 compliance and design system docs. Use when project has a frontend.384skills.sh installs
6aradotso avatarisolet-widget-isolationaradotso/trending-skillsisolet widget isolation371skills.sh installs