{"enrichment":{"faq":[{"a":"react-state-management covers choosing between local component state, global stores, and server state solutions. The skill compares Redux Toolkit for complex apps with middleware needs, Zustand for lightweight global state, Jotai for atomic patterns, and React Query for server synchronization. Selection depends on app scale, team familiarity, and whether you're managing client or server state.","q":"How to manage state in React with the right library?"},{"a":"react-state-management explains that Redux Toolkit suits large applications needing middleware, time-travel debugging, and DevTools integration, while Zustand offers a simpler API for smaller projects prioritizing bundle size and ease of learning. Both handle global state, but Redux Toolkit provides more structure and tooling, whereas Zustand emphasizes minimalism and developer experience.","q":"What's the difference between Redux Toolkit vs Zustand?"},{"a":"react-state-management provides implementation guides for both. Redux Toolkit uses slices and configureStore for structured state with reducers and actions. Zustand uses a create hook with a simple store function. The skill covers best practices like selector optimization, preventing unnecessary re-renders, and organizing state logic for maintainability in each approach.","q":"How do I set up global state with Redux Toolkit or Zustand?"},{"a":"react-state-management distinguishes server state from client state, showing how React Query handles caching, synchronization, and background updates. It covers useQuery for fetching, useMutation for updates, and patterns like optimistic updates and stale-while-revalidate. The skill explains when to use React Query alongside Redux Toolkit or Zustand for complete state solutions.","q":"How does React Query manage server state and API responses?"},{"a":"react-state-management teaches separation of concerns between local, global, and server state, selector patterns to prevent re-renders, atomic state design with Jotai, and form state handling. It covers debugging Redux with DevTools, migration strategies from legacy Redux, and how to structure state for scalability in large applications.","q":"What are modern React state patterns and best practices?"},{"a":"react-state-management includes migration guidance from older Redux patterns to Redux Toolkit's modern slice-based approach. It covers converting action creators and reducers to slices, leveraging Immer for immutable updates, and adopting Redux Toolkit's simplified configuration while maintaining existing middleware and selectors during the transition.","q":"How do I migrate legacy Redux code to Redux Toolkit?"}],"shadow_tags":["state-libraries","client-server-sync","immutable-updates","store-architecture","selector-patterns","devtools-debugging","persistence-middleware","atomic-state","reducer-patterns","data-normalization"],"summary_rewrite":"Comprehensive guide to React state management covering local component state, global stores, and server state synchronization. Compares Redux Toolkit, Zustand, Jotai, and React Query with selection criteria and best practices for each approach."},"files":[{"bytes":4005,"path":"plugins/frontend-mobile-development/skills/react-state-management/SKILL.md","sha256":"71abf349b19fe5cef64f4e4f2dd4a89011a5e947d8ce278d53a489292f508032","url":"https://skillfed.io/files/wshobson/agents/react-state-management/f6ea5bba/SKILL.md"}],"id":"wshobson/agents/react-state-management","links":{"html":"https://skillfed.io/wshobson/agents/react-state-management","md":"https://skillfed.io/wshobson/agents/react-state-management.md","repo":"https://github.com/wshobson/agents"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":4097,"language":"Python","last_updated":"2026-07-22","license":"MIT","name":"react-state-management","publisher":"wshobson","stars":38308},"relations":{"similar":[{"id":"JosiahSiegel/claude-plugin-marketplace/react-state-management"},{"id":"bobmatnyc/claude-mpm-skills/zustand"},{"id":"duck4nh/antigravity-kit/state-management-expert"},{"id":"pluginagentmarketplace/custom-plugin-react-native/react-native-state"},{"id":"Gentleman-Programming/Gentleman-Skills/zustand-5"},{"id":"prowler-cloud/prowler/zustand-5"},{"id":"manutej/luxor-claude-marketplace/frontend-architecture"},{"id":"PracticalSwan/agent-skills/react-development"},{"id":"jmsktm/claude-settings/state-management"},{"id":"emanueleielo/deepagents-open-lovable/state-management"}]},"slug":{"owner":"wshobson","repo":"agents","skill":"react-state-management"},"version":"f6ea5bba"}