Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When setting up global state in a React app, choosing between Redux Toolkit/Zustand/Jotai, managing server state with React Query, implementing optimistic updates, or debugging/migrating state code.
references/details.md for deep patterns and worked examplesUser gets a clear state solution choice, ready-to-use store code, best practices, and migration guidance—reducing re-renders, bugs, and over-globalization.
Use Cases
A team starts a new React dashboard with user profiles and theme switching. They use this skill to pick Zustand for lightweight global state, follow the provided store template, and apply selector best practices. Result: clean state layer, no unnecessary re-renders, faster feature delivery.
A legacy codebase uses old Redux with manual reducers. Developers consult the migration guide to convert to Redux Toolkit slices with Immer, cutting boilerplate and bugs. The skill's don'ts prevent server-state duplication. Outcome: modernized, maintainable state code.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File