zustand

Zustand is a lightweight state management solution for React applications. It uses a hook-based API that avoids the boilerplate often associated with libraries like Redux. The core concept is creating a store via the create function, which returns a custom React hook. State can contain primitives, objects, or functions, and updates must be performed immutably through the set function. Components consume state by selecting slices of the store, re-rendering only when those selected values change via strict equality checks. Key features include: - No provider wrappers required around the application - Built-in support for middleware such as persist for storage, immer for mutable-like updates, and devtools for debugging - Vanilla store mode available for non-React use cases via zustand/vanilla - subscribe function enables non-reactive state access and listeners - useShallow helper prevents unnecessary re-renders when selecting multiple state slices - Custom equality functions can be provided for fine-grained control over component updates The library addresses common React state management pitfalls including stale props in zombie child scenarios, React concurrency issues, and context loss between mixed renderers. It is designed to be unopinionated while offering pragmatic patterns for organizing code through slices.