Guide Zustand state management and slice organization for React and Next.js stores.
npx skills add https://github.com/rally19/goform --skill zustand-rally19
Please help me install this Agent Skill. Skill: zustand Source: https://github.com/rally19/goform/tree/main/.qwen/skills/zustand Command: npx skills add https://github.com/rally19/goform --skill zustand-rally19
Provides clear patterns and conventions for organizing and maintaining Zustand stores to reduce bugs, inconsistent action naming, and brittle state updates in React projects.
Review the src/store directory and recommend slice organization, reducer versus set choices, action naming, and optimistic update patterns for messages and topics.
High-intent search queries and answers about installing and using this skill.
Organize Zustand slices by defining file layout, state shapes, and selectors within the src/store directory. Separate UI from business logic by establishing public, internal, and dispatch action naming responsibilities to reduce bugs and inconsistent updates.
Use reducer patterns for Zustand state management when handling complex lists and maps, and use simple set operations for primitive updates. This guidance helps prevent brittle state updates and maintains consistent action behavior across React projects.
Implement safe optimistic updates in Zustand by following documented flows, avoiding optimism for destructive deletes, and establishing refresh strategies. Apply these patterns to messages and topics to prevent inconsistent state during network failures.
Yes, you can migrate large Zustand stores to class-based slice composition by using private fields and composing slices with flattenActions. This approach maintains structure and scalability when implementing actions and reducers in React.
Zustand works with SWR by integrating selector and initialization patterns to manage state caching and refresh strategies in Next.js. This combination maintains local state conventions while leveraging SWR for remote data fetching.
alceupassosStructure Zustand store data for lists, details, caching, and optimistic updates.
zmh13928433602-sysStandardize client-side API data fetching with service, Zustand store, and SWR hooks.
kingmacthOrganize Zustand stores with slices, reducers, selectors, and flattened actions.
mabdulraufOrganizes complex React state with slices, actions, and optimistic updates using Zustand.
