Organize Zustand stores with slices, reducers, selectors, and flattened actions.
npx skills add https://github.com/kingmacth/lobe-chat --skill zustand-kingmacth
Please help me install this Agent Skill. Skill: zustand Source: https://github.com/kingmacth/lobe-chat/tree/main/.agents/skills/zustand Command: npx skills add https://github.com/kingmacth/lobe-chat --skill zustand-kingmacth
Zustand provides a compact, scalable approach to managing React app state using stores, slices, and selectors, reducing prop drilling and boilerplate while enabling organized action flows.
Create a Zustand store slice following the slice-organization patterns, wire it into components, and adopt the action patterns described.
High-intent search queries and answers about installing and using this skill.
Structure a scalable Zustand store using slice-based architectures to organize state, reducers, and selectors. Define TypeScript interfaces and class-based action patterns to flatten actions, reducing boilerplate while coordinating complex state transitions across diverse UI patterns.
Use reducers for Zustand state management when handling complex state transitions requiring structured logic, and use simple set methods for straightforward toggles. This guidance ensures organized action flows and prevents bloated update logic within your React store slices.
Organize Zustand actions using class-based action composition to encapsulate typed stores and flatten actions for ergonomics. Separate public actions for external component calls from internal actions and dispatch methods to coordinate complex state changes cleanly.
Define TypeScript interfaces to enforce strict typing across Zustand slices and selectors. This requires typing the store state, class-based action patterns, and flattened actions, ensuring scalable state management and type-safe component integration in React applications.
Zustand state management works for complex React stores by applying slice-based architectures and selector usage across diverse UI patterns. It reduces prop drilling and boilerplate while enabling organized action flows for scalable applications.
TheBushidoCollectiveCreate type-safe Zustand stores with explicit interfaces and typed selectors.
Nick777-PixelManage React state with modular slices, actions, and selectors using Zustand.
alceupassosStructure Zustand store data for lists, details, caching, and optimistic updates.
pch007Connect json-render's StateStore to a Redux store for React UI state.
