zustand-patterns

SKILL.md

Modern state management with Zustand 5.x - lightweight, TypeScript-first, no boilerplate.

| Decision | Option A | Option B | Recommendation |

| State structure | Single store | Multiple stores | Slices in single store - easier cross-slice access | | Nested updates | Spread operator | Immer middleware | Immer for deeply nested state (3+ levels) | | Persistence | Manual localStorage | persist middleware | persist middleware with partialize |

Zustand 5.x state management with slices, middleware, Immer, useShallow, and persistence patterns for React applications. Use when building state management with Zustand. Source: yonatangross/orchestkit.

View raw