Which state management library should I use?

The skill recommends Zustand or Jotai for smaller apps and simple state, while Redux Toolkit is preferred for large-scale applications with complex logic.

How does it handle server-side data?

It utilizes TanStack Query (React Query) patterns to manage remote data fetching, caching, and synchronization with minimal boilerplate.

Does this skill support TypeScript?

Yes, it provides full TypeScript coverage for all patterns, including typed hooks, store definitions, and slice configurations.

Can I use this for React Native?

Absolutely. The state management patterns provided are platform-agnostic and work seamlessly across React web and React Native mobile applications.

React State Management

Name: React State Management
Author: gwickman

bygwickman

0•

Mobile Development

Implements and optimizes modern React state management patterns using Redux Toolkit, Zustand, Jotai, and React Query.

Streamline your React development workflow with a comprehensive guide to modern state management architecture. This skill assists in selecting the ideal solution for your specific project needs—ranging from local component state to complex global stores and server-side data synchronization. It provides production-ready code patterns for Redux Toolkit, Zustand, and Jotai, while ensuring high performance through selective subscriptions and type-safe implementation. Whether you are building a small utility or a large-scale enterprise application, this skill ensures your state logic remains maintainable, scalable, and efficient.

Key Features

010 GitHub stars

02Optimistic UI update strategies and mutation logic

03Architectural guidance for choosing between Redux Toolkit, Zustand, and Jotai

04Production-ready TypeScript patterns for type-safe state updates

05Migration strategies for legacy Redux to modern Redux Toolkit or atomic patterns

06Server state management and caching implementation with TanStack Query

Use Cases

01Implementing efficient server data synchronization and caching to improve UX performance

02Refactoring complex prop-drilling or legacy state management into modern, modular slices

03Architecting scalable global state for enterprise-grade React or React Native applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gwickman/auto-dev-test-target-1 react-state-management

For use in Claude.ai and ChatGPT

Download Skill