Zustand — Minimal React State Management

Overview

Zustand keeps application state in a store created with create(). The store is a React hook: a component calls it with a selector and re-renders only when the selected value changes. There is no provider to wrap the app in, actions live next to the state they change, and the same store can be read and written from non-React code. Middleware adds persistence, Redux DevTools, Immer-style updates and selector subscriptions.

This skill targets Zustand 5 (current release line 5.0.x). Version 5 dropped default exports, removed the equality-function argument from create, and requires selectors to return stable references.

Instructions

Install

npm install zustand
npm install immer   # only if you use zustand/middleware/immer; it is an optional peer dependency

Create a store