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

0•

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.

주요 기능

01TypeScript-first state modeling with selector optimization

020 GitHub stars

03Implementation of optimistic updates and error handling

04Server state synchronization and caching via TanStack Query

05Multi-library patterns for Redux Toolkit, Zustand, and Jotai

06Migration guides for transitioning from legacy Redux to modern patterns

사용 사례

01Architecting global state for complex enterprise-scale React applications

02Managing remote data fetching and caching for data-intensive dashboards

03Implementing atomic state for granular component updates in interactive UIs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add drgaciw/academic-compliance-hub-glm react-state-management

For use in Claude.ai and ChatGPT

Download Skill