Implements LobeHub Zustand store conventions for slices, actions, and optimistic updates.
npx skills add https://github.com/yehezkieldio/topaz --skill zustand-yehezkieldio
Please help me install this Agent Skill. Skill: zustand Source: https://github.com/yehezkieldio/topaz/tree/main/.agents/skills/zustand Command: npx skills add https://github.com/yehezkieldio/topaz --skill zustand-yehezkieldio
High-intent search queries and answers about installing and using this skill.
Split actions into three layers: public actions for UI calls, internal_* actions for business logic and service calls, and internal_dispatch* methods for reducer-based state updates. UI components should only call public actions.
Dispatch a temporary state change immediately with a generated temp ID, call the backend service, then refresh from the server for consistency. Delete operations should skip optimistic updates because recovery is complex.
Use the reducer pattern for object lists or maps, optimistic updates, and complex state transitions. Use simple set for toggling booleans, updating single values, or setting individual state fields.
Define a class receiving (set, get, api) in its constructor with #private fields, then compose instances in the store using flattenActions instead of spreading. Export a Pick type to expose only public methods.
Each slice directory contains initialState.ts, action.ts, selectors.ts, and optionally reducer.ts. Aggregate slices in the store's initialState.ts and store.ts, and export selectors through an xxxSelectors object.
flaviogragnolatiAutomate Zustand store setup with TypeScript and middleware in React.
scitixDiagnose Kubernetes Service connectivity by verifying Endpoints, selectors, and port alignment.
dojoengineManage Dojo.js game state with a typed Zustand store.
AI-Foundry-CoreManage React state across local, global, and server contexts.
