react-state-management

Topics in the source

• React State Management
• Do not use this skill when
• Instructions
• Use this skill when
• Core Concepts
• 1. State Categories
• 2. Selection Criteria
• Quick Start

Comprehensive guide to modern React state management patterns, from local component state to global stores and server state synchronization. The task is unrelated to react state management You need a different domain or tool outside this scope 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. 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 | Type | Description | Solutions | |------|-------------|-----------| | Local State | Component-specific, UI state | useState, useReducer | | Global State | Shared across components | Redux Toolkit, Zustand, Jotai | | Server State | Remote data, caching | React Query, SWR, RTK Query | | URL State | Route parameters, search | React Router, nuqs | | Form State | Input values, validation | React Hook Form, Formik | Colocate state - Keep state as close to where it's used as po

This is an excerpt. Refer to the complete source and its current requirements.