react-state-management

Global state in React is best managed using Redux Toolkit, Zustand, or Jotai to create shared stores. This skill provides concrete patterns and practical examples for setting up these global stores and integrating them across your component tree.

Server state in React is handled using React Query or RTK Query for caching, synchronization, and optimistic updates. This skill offers concrete patterns to manage server state separately from your local and global UI state.

Local state management with useState and useReducer allows for granular UI control. You should transition to useReducer when local state logic becomes complex, requiring predictable state transitions across multiple interdependent values.

Choosing between Redux Toolkit, Zustand, and Jotai depends on your scaling needs and boilerplate tolerance. This skill provides selection guidance comparing these libraries to help you pick the right global store for your project.

Migrating from legacy Redux to modern approaches involves adopting Redux Toolkit, Zustand, or Jotai. This skill provides specific debugging and migration patterns to smoothly transition your existing state architecture to modern standards.

Yes, this React state management skill provides explicit guidance on integrating TypeScript typings and best practices. It ensures your local, global, and server state stores remain fully type-safe across your components.