Zustand
Web & Desktop Frontend Technologies
Zustand
Zustand is a tiny, unopinionated state management library for React. It delivers a single hook, no boilerplate, no providers, and a fraction of Redux's surface area — making it the default 2026 pick for app-wide state that doesn't belong in React Context.
What is it?
Zustand is a ~1 KB state-management primitive for React from the pmndrs (Poimandres) collective. A store is a single hook created with `create()`; components subscribe to slices and only re-render when their slice changes. No reducers, no action types, no Providers — just plain TypeScript functions.
What does it do?
Zustand exposes a hook-first API for global state, computed selectors, async actions, middleware (persist, devtools, immer, subscribeWithSelector), and transient updates outside React's render cycle. It plays nicely with React 19 concurrent rendering, Next.js App Router, and Server Components — the SSR story is first-class.
Where is it used?
Zustand powers the state layer of thousands of production React apps — including Vercel's own properties, Three.js/React Three Fiber demos, and most of the pmndrs ecosystem. Teams adopt it when Redux feels heavyweight, Context re-renders are bleeding performance, and they want state that 'just works' without architectural ceremony.
When & why it emerged
Zustand was released in 2019 by Daishi Kato and the pmndrs crew to answer the question 'do we really need 2 KB of Redux boilerplate for a shopping cart?'. By 2024 it had overtaken Redux Toolkit in new React project adoption; 2026 data puts it ahead of Recoil, Jotai, and MobX for apps that prefer a single, pragmatic store over multi-atom approaches.
Why we use it at Internative
Zustand is our default for client-side state in every Next.js app we ship. It integrates cleanly with React Server Components (keep server state on the server, client state in Zustand), survives HMR without losing state, and its selector-based subscriptions eliminate the 'whole tree re-renders' problem that plagues naive Context usage. Small stores, small bundle, large productivity.
More in Web & Desktop Frontend Technologies
Other technologies from the same category of the library.
shadcn/ui
shadcn/ui is a collection of accessible, composable React components you copy into your own codebase. It is not a library you npm-install — it's a curated starter set built on Radix UI and Tailwind CSS that your team owns and customises freely.
Pinia
Pinia is the official state management library for Vue.js, designed as a modern, lightweight, and type-safe alternative to Vuex. It provides intuitive APIs, strong TypeScript support, and modular stores for scalable applications.
Svelte
Svelte is a modern frontend framework that compiles components at build time into highly optimized JavaScript. It eliminates runtime overhead, delivering fast performance, smaller bundles, and a simpler development experience.
Redux
Redux is a predictable state management library for JavaScript applications. It centralizes application state, enforces unidirectional data flow, and enables scalable, testable frontend architectures—commonly used with React and React Native.
Vuex
Vuex is a centralized state management library for Vue.js applications. It provides a predictable data flow and shared store to manage complex application state, especially in large and long-lived Vue projects.
Sass
Sass is a powerful CSS preprocessor that extends CSS with variables, nesting, mixins, and functions. It helps teams write cleaner, more maintainable stylesheets and build scalable design systems for modern web applications.