zustand▌

Main interfaces for UI components:

Type-safe global state management for React with persist, devtools, and Next.js SSR support. \n \n Supports TypeScript with double-parentheses syntax ( create<T>()() ), persist middleware for localStorage, and Redux DevTools integration \n Prevents 6 documented errors including hydration mismatches, infinite render loops, and persist race conditions (fixed in v5.0.10+) \n Includes slices pattern for modular stores, vanilla store creation without React, and immer middleware for mutable-style

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

zustand-5

Create Zustand stores following established patterns with proper TypeScript types and middleware.

Zustand state management patterns and conventions for LobeHub store development. \n \n Three-tier action hierarchy: public actions for UI, internal actions for business logic, and dispatch methods for state updates; use reducer pattern for complex state and simple set for primitives \n Optimistic update pattern for non-destructive operations: update frontend immediately, call backend service, then refresh for consistency \n Class-based action implementation using private fields and flattenAction

Zustand adapter for json-render's StateStore interface. Wire a Zustand vanilla store as the state backend for json-render.

You are an expert in Zustand state management for React and Next.js applications.

Zustand is a minimal, unopinionated state management library for React. No providers, no boilerplate—just a simple hook-based API that feels natural in React applications.