Which React state management library should I choose?

This skill provides a specific selection guide: use Zustand for simple to medium apps, Redux Toolkit for large-scale enterprise logic, and Jotai for atomic, granular updates.

Is TypeScript supported in the code examples?

Absolutely. All patterns and implementation guides include full TypeScript support to ensure type safety across your store and components.

Can I use these patterns in React Native?

Yes, the state management patterns for libraries like Zustand, Redux, and Jotai are platform-agnostic and work perfectly in both React web and React Native environments.

Does this skill cover server-side state?

Yes, it provides extensive patterns for TanStack Query (React Query) and SWR, focusing on caching, invalidation, and synchronization with the backend.

How do I handle optimistic UI updates?

The skill includes specialized patterns for React Query that demonstrate how to update the UI immediately and roll back changes if a server mutation fails.

React State Management

Name: React State Management
Author: wshobson

bywshobson

•

23,194

Mobile Development

Guides the implementation of modern React state patterns using Redux Toolkit, Zustand, Jotai, and TanStack Query.

概要

This skill provides expert-level guidance for architecting React applications with the most efficient state management solutions. It covers the entire spectrum of state, from local component logic to complex global stores and asynchronous server-side synchronization. By offering pre-built patterns and selection criteria, it helps developers avoid common pitfalls like over-globalization and unnecessary re-renders while ensuring full TypeScript compatibility and performance optimization across projects of any scale.

主な機能

Decision matrices to help choose the right tool for specific architectural needs.
Comprehensive patterns for Redux Toolkit, Zustand, Jotai, and React Query.
Migration guides for transitioning from legacy Redux to modern patterns.
Advanced server-side state strategies including caching and optimistic updates.
Standardized TypeScript configurations for type-safe state management.
23,194 GitHub stars

ユースケース

Managing complex server-side data fetching with TanStack Query and SWR.
Setting up a scalable global store for enterprise-grade React or React Native applications.
Refactoring component-heavy apps to use atomic state with Jotai for granular re-renders.

概要

主な機能

Decision matrices to help choose the right tool for specific architectural needs.
Comprehensive patterns for Redux Toolkit, Zustand, Jotai, and React Query.
Migration guides for transitioning from legacy Redux to modern patterns.
Advanced server-side state strategies including caching and optimistic updates.
Standardized TypeScript configurations for type-safe state management.
23,194 GitHub stars

ユースケース

Managing complex server-side data fetching with TanStack Query and SWR.
Setting up a scalable global store for enterprise-grade React or React Native applications.
Refactoring component-heavy apps to use atomic state with Jotai for granular re-renders.