Zustand Patterns

A solid reference for Zustand 5.x that covers the seven patterns you'll actually use: basic stores, slices, Immer integration, persistence, selectors, async actions, and devtools. The quick reference table is genuinely helpful for deciding between single vs multiple stores, when to reach for Immer, and whether to use useShallow for grabbing multiple values. It correctly steers you away from storing server state in Zustand (that's what TanStack Query is for) and warns against destructuring the entire store, which causes re-renders on every state change. The middleware composition order matters here, and the examples show the right sequence. Good for teams moving from Redux who want less boilerplate without losing TypeScript safety.

skills.sh installs: 1.5K
GitHub stars: 301
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add yonatangross/orchestkit --skill zustand-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

Zustand Patterns

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

Overview

Global state without Redux complexity
Shared state across components without prop drilling
Persisted state with localStorage/sessionStorage
Computed/derived state with selectors
State that needs middleware (logging, devtools, persistence)

Upstream coverage (do not restate)

Zustand's own docs are the source for the mechanics. This skill carries only the OrchestKit delta on top of them, in references/ork-delta.md, the rules/ files, and the checklist.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly