Which React state management library should I choose?

The skill suggests Zustand or Jotai for simple-to-medium apps, Redux Toolkit for large-scale enterprise state, and React Query for managing server-side data.

How does it handle server state versus client state?

It advocates for a separation of concerns, using React Query for remote data and caching, while using Zustand or Redux for pure client UI state.

Does this skill provide TypeScript support?

Yes, every pattern includes full TypeScript coverage, including typed hooks, root state definitions, and slice configurations.

Can I use this to migrate legacy Redux code?

Yes, the skill includes specific migration patterns to help you transition from boilerplate-heavy legacy Redux to modern Redux Toolkit (RTK) slices.

React State Management

Name: React State Management
Author: drgaciw

bydrgaciw

Mobile Development

Master modern React state management using industry-standard libraries like Redux Toolkit, Zustand, and React Query.

소개

This skill provides comprehensive guidance for managing data flow in React applications, ranging from local component state to complex global stores and server-side synchronization. It offers standardized implementation patterns for Redux Toolkit, Zustand, Jotai, and React Query, helping developers choose the optimal tool based on application scale and performance requirements. Whether you are implementing optimistic UI updates, debugging stale data issues, or migrating from legacy Redux, this skill ensures type-safe, performant, and maintainable state architectures.

주요 기능

TypeScript-first state modeling with selector optimization
0 GitHub stars
Implementation of optimistic updates and error handling
Server state synchronization and caching via TanStack Query
Multi-library patterns for Redux Toolkit, Zustand, and Jotai
Migration guides for transitioning from legacy Redux to modern patterns

사용 사례

Architecting global state for complex enterprise-scale React applications
Managing remote data fetching and caching for data-intensive dashboards
Implementing atomic state for granular component updates in interactive UIs

소개

주요 기능

TypeScript-first state modeling with selector optimization
0 GitHub stars
Implementation of optimistic updates and error handling
Server state synchronization and caching via TanStack Query
Multi-library patterns for Redux Toolkit, Zustand, and Jotai
Migration guides for transitioning from legacy Redux to modern patterns

사용 사례

Architecting global state for complex enterprise-scale React applications
Managing remote data fetching and caching for data-intensive dashboards
Implementing atomic state for granular component updates in interactive UIs