react-state-management

Redux Toolkit suits large apps with complex state; Zustand offers lightweight global state; Jotai provides atomic, granular updates; React Query handles server state and caching. Choose based on app scale, state complexity, and whether you're managing client or server data.

Local state lives in a single component; global state is shared across the app; server state syncs with a backend API. Modern state management separates these concerns—local state uses hooks, global uses stores, and server uses tools like React Query.

State management migration involves replacing store setup, updating component subscriptions, and refactoring dispatch logic. This Skill provides concrete migration pathways between Redux Toolkit, Zustand, Jotai, and React Query with example code for each transition.

Yes. React Query manages server state and caching while Redux Toolkit or Zustand handle client and global state. Combining them separates concerns—server data stays in React Query, app state in your chosen store.

Standard React and TypeScript tooling are required. Install your chosen library—Redux Toolkit, Zustand, Jotai, or React Query—then create a minimal store and connect it to components with provided starter templates.

Small apps benefit from lightweight solutions like Zustand or Jotai; large apps scale better with Redux Toolkit's structure. React Query handles server state effectively at any scale. This Skill covers guidance and patterns for both contexts.