zustand

Zustand v5 is a lightweight global state manager for React built on useSyncExternalStore. Requires React 18+ (uses useSyncExternalStore internally). When using createWithEqualityFn, install use-sync-external-store as a peer dependency. It provides type-safe stores, atomic selectors for minimal re-renders, composable middleware (persist, devtools, immer, subscribeWithSelector), and a slices pattern for large applic...

When to use: Client-side global state, persistent user preferences, complex multi-domain stores, cross-component state sharing, vanilla (non-React) state management.

When NOT to use: Server state with caching needs (use TanStack Query), single-component state (use useState), simple prop drilling scenarios.

React の Zustand v5 状態管理。二重かっこ構文を使用した TypeScript ストア、ハイドレーション処理を使用した永続化ミドルウェア、devtools、subscribeWithSelector、大規模アプリのスライス パターン、SSR/Next.js プロバイダー パターン、イマー ミドルウェア、自動生成セレクター、テスト、およびバニラ ストアをカバーします。 グローバル状態の設定、永続ミドルウェアの構成、スライス パターンの実装、Redux または Context からの移行、ストアのテスト、またはハイドレーションと TypeScript の問題のトラブルシューティングを行うときに使用します。 ソース: oakoss/agent-skills。