Does it support TypeScript?

Yes, the skill focuses on 'Type Everything' as a core principle, providing fully typed hooks, store slices, and selectors to prevent runtime errors.

Which React state management library should I use?

This skill provides a selection criteria: choose Zustand or Jotai for simple-to-medium apps, and Redux Toolkit for large-scale enterprise applications requiring complex state logic.

Can it help me migrate from legacy Redux?

Absolutely. The skill includes specific migration guides to help you transition from boilerplate-heavy legacy Redux to the simplified, Immer-powered Redux Toolkit pattern.

How does this skill handle server data?

It implements TanStack Query (React Query) or SWR patterns to manage remote data fetching, caching, and state synchronization, keeping it separate from client UI state.

React State Management Master

Name: React State Management Master
Author: goodnight000

bygoodnight000

開発者ツール

Architects robust React applications using modern state patterns for Redux Toolkit, Zustand, Jotai, and TanStack Query.

概要

This skill empowers Claude to act as a senior frontend architect specializing in React state management. It provides comprehensive implementation patterns for diverse scenarios, including local component state, atomic client-side stores, complex global state machines, and efficient server-state synchronization. By leveraging this skill, developers can receive expert guidance on choosing the right library for their project's scale, implementing type-safe stores, handling optimistic UI updates, and migrating legacy Redux codebases to modern, performant standards.

主な機能

Server-state management patterns using TanStack Query and SWR
0 GitHub stars
Comprehensive boilerplate for Redux Toolkit, Zustand, and Jotai
Best practices for data normalization and preventing unnecessary re-renders
Decision matrices for selecting state solutions based on app complexity
Advanced TypeScript implementation for full type safety across stores

ユースケース

Implementing complex server-side caching and optimistic updates with React Query
Setting up a scalable global store with Zustand slices or Redux Toolkit
Refactoring legacy class-based Redux or prop-drilling into modern atomic state patterns

概要

主な機能

Server-state management patterns using TanStack Query and SWR
0 GitHub stars
Comprehensive boilerplate for Redux Toolkit, Zustand, and Jotai
Best practices for data normalization and preventing unnecessary re-renders
Decision matrices for selecting state solutions based on app complexity
Advanced TypeScript implementation for full type safety across stores

ユースケース

Implementing complex server-side caching and optimistic updates with React Query
Setting up a scalable global store with Zustand slices or Redux Toolkit
Refactoring legacy class-based Redux or prop-drilling into modern atomic state patterns