react-state-management

React state management selection depends on app scale: Redux Toolkit suits large global state, Zustand offers minimal boilerplate for medium apps, and Jotai handles atomic state. This Skill guides choosing the optimal pattern for your specific project size and server data synchronization needs.

Server state in React is managed with React Query to handle data fetching, caching, and synchronization. This Skill implements strategies for server state separation, optimistic updates, and debugging to reduce complexity and improve user experience in large applications.

Migrating from legacy Redux to modern React state management involves adopting Redux Toolkit or alternatives like Zustand. This Skill provides migration guides for moving from legacy approaches to modern patterns while ensuring strong typing with TypeScript and clear separation of concerns.

TypeScript is needed for React global state management to ensure strong typing across local, global, and server state boundaries. This Skill applies TypeScript to enforce clear separation of concerns and robust state architectures across projects ranging from small components to large apps.

Using multiple state management libraries together in a React app is supported by separating local, global, and server state concerns. This Skill helps identify and implement optimal strategies across these domains, guiding combinations like Redux Toolkit for global state and React Query for server state.

Separating local, global, and server state reduces complexity by matching each state type to its optimal tool. This Skill ensures clear separation of concerns, applying Zustand or Jotai for global state and React Query for server data, minimizing bugs and improving maintainability.