zustand-state-management

SKILL.md

Status: Production Ready ✅ Last Updated: 2025-10-24 Latest Version: zustand@5.0.8 Dependencies: React 18+, TypeScript 5+

CRITICAL: Notice the double parentheses create ()() - this is required for TypeScript with middleware.

✅ Use create ()() (double parentheses) in TypeScript for middleware compatibility ✅ Define separate interfaces for state and actions ✅ Use selector functions to extract specific state slices ✅ Use set with updater functions for derived state: set((state) => ({ count: state.count + 1 })) ✅ Use unique names for persist middleware storage keys

Zustand を使用して、React アプリケーションでタイプセーフなグローバル状態を構築します。 TypeScript、永続ミドルウェア、devtools、スライス パターン、Next.js SSR をサポートします。 React 状態のセットアップ、Redux/Context API からの移行、localStorage 永続性の実装、または Next.js ハイドレーション エラー、TypeScript 推論の問題、または無限レンダリング ループのトラブルシューティングを行うときに使用します。 ソース: ovachiever/droid-tings。

原文を見る