Which React state management library should I choose?

The choice depends on complexity: use Zustand for simple global state, Redux Toolkit for complex enterprise apps, Jotai for atomic/granular updates, and React Query specifically for server-side data.

Does this skill support TypeScript?

Yes, all provided patterns and implementation guides include full TypeScript coverage to ensure type-safe stores, actions, and selectors.

How does it handle server state differently from global state?

It advocates for separating concerns by using TanStack Query (React Query) for remote data fetching, caching, and synchronization, while using Zustand or Redux for pure client-side UI state.

Can I migrate from legacy Redux using this skill?

Absolutely. The skill includes specific migration guides to help you transition from legacy action/reducer boilerplate to modern Redux Toolkit (RTK) slices and createAsyncThunk.

React State Management

Name: React State Management
Author: Microck

byMicrock

•

API Development

Architects and implements robust React state management solutions using Redux Toolkit, Zustand, Jotai, and React Query.

This skill provides a comprehensive framework for managing data flow in React applications, ranging from simple local component state to complex global stores and synchronized server state. It guides developers through the selection and implementation of modern libraries like Redux Toolkit for enterprise scale, Zustand for simplicity, Jotai for atomic updates, and TanStack Query for remote data fetching. By offering standardized patterns for TypeScript integration, optimistic updates, and state normalization, it ensures scalable and performant frontend architectures while avoiding common pitfalls like unnecessary re-renders or state duplication.

Key Features

01Migration paths from legacy Redux boilerplate to modern Redux Toolkit patterns

02Advanced server state management using TanStack Query for caching and synchronization

03Implementation guides for optimistic updates and complex data normalization

04Standardized patterns for Redux Toolkit, Zustand, and Jotai implementation

05TypeScript-first approach for type-safe stores, slices, and selectors

062 GitHub stars

Use Cases

01Migrating legacy state logic to modern, high-performance libraries like Zustand or Jotai

02Synchronizing remote API data with local UI state using efficient caching strategies

03Scaling global state in enterprise React applications using Redux Toolkit

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/opendots-microck react-state-management

For use in Claude.ai and ChatGPT

Download Skill