zustand-middleware

Persist middleware saves Zustand store state to local storage or custom storage backends, automatically rehydrating on app reload. Compose it as the middle layer in your middleware stack: devtools(persist(immer(...))) to preserve state across sessions.

Middleware order matters: apply them from inner to outer as immer (innermost) → persist → devtools (outermost). This order ensures immutable updates, persistence, and devtools integration work together correctly without conflicts.

Yes, devtools middleware integrates Zustand stores with Redux DevTools, enabling time-travel debugging and action inspection. Compose it as the outermost layer so it captures all state changes from inner middleware.

Persist middleware accepts storage options (localStorage, sessionStorage, or custom), partialize functions to select which state to save, and migration strategies to transform old state versions. Configure these in the persist options object when composing your store.

Yes, Immer middleware enables draft-based mutations within Zustand actions, automatically producing immutable updates. Compose it as the innermost middleware so mutations are handled before persistence and devtools layers.