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

0•

Developer Tools

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.

Key Features

01Server-state management patterns using TanStack Query and SWR

020 GitHub stars

03Comprehensive boilerplate for Redux Toolkit, Zustand, and Jotai

04Best practices for data normalization and preventing unnecessary re-renders

05Decision matrices for selecting state solutions based on app complexity

06Advanced TypeScript implementation for full type safety across stores

Use Cases

01Implementing complex server-side caching and optimistic updates with React Query

02Setting up a scalable global store with Zustand slices or Redux Toolkit

03Refactoring legacy class-based Redux or prop-drilling into modern atomic state patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add goodnight000/kittycourt react-state-management

For use in Claude.ai and ChatGPT

Download Skill