Plan Zustand v5 stores with typed slices and combined stores.
npx skills add https://github.com/Conradmaker/copilot-cockpit --skill fe-zustand
Please help me install this Agent Skill. Skill: fe-zustand Source: https://github.com/Conradmaker/copilot-cockpit/tree/main/.github/skills/fe-zustand Command: npx skills add https://github.com/Conradmaker/copilot-cockpit --skill fe-zustand
Zustand patterns help React apps manage client-side state with performance-conscious patterns, reducing unnecessary re-renders and enabling scalable architecture for slices and vanilla stores.
Implement a scalable Zustand store using typed slices, a combined store, and selector-based reads.
High-intent search queries and answers about installing and using this skill.
Structure a Zustand store by defining small, typed slices that compose into a combined store, applying per-slice middleware at the combined store level to ensure scalable client-state management with stable selector outputs.
Zustand handles Next.js SSR hydration by applying specific patterns for server/client boundaries, ensuring state hydration aligns correctly during server-side rendering without leaking server state into the client store.
Avoid broad subscriptions in Zustand by using stable selector outputs to read specific state slices, ensuring components only re-render when the selected client-state data actually changes.
Yes, you can create both hook and vanilla stores in Zustand v5, applying middleware at the combined store level and utilizing testing and reset patterns to manage client-state architecture effectively.
Use a combined store when you need to compose multiple typed slices under per-slice middleware, allowing you to manage complex client-state dependencies while maintaining selector-based reads and scalable architecture.
MinhDuyDEVImplement Zustand v5 stores with slices, middleware, and SSR-aware patterns.
estebandrgImplement Zustand stores, selectors, persist middleware, and slices in TypeScript.
quanngynxEnable selective hydration in React 18 apps with Suspense and streaming SSR.
fgarofalo56Guide React state management with Zustand, Redux Toolkit, Jotai, and React Query.
