GitHub
github.com › pmndrs › zustand
GitHub - pmndrs/zustand: 🐻 Bear necessities for state management in React
It may be the one state-manager in the React space that gets all of these right. You can try a live demo and read the docs. ... ⚠️ This readme is written for JavaScript users. If you are a TypeScript user, be sure to check out our TypeScript Usage section. Your store is a hook! You can put anything in it: primitives, objects, functions. State has to be updated immutably and the set function merges state to help it. import { create } from 'zustand' const useBearStore = create((set) => ({ bears: 0, increasePopulation: () => set((state) => ({ bears: state.bears + 1 })), removeAllBears: () => set({ bears: 0 }), }))
Starred by 57.9K users
Forked by 2K users
Languages TypeScript 97.9% | JavaScript 2.1%
Zustand
zustand.docs.pmnd.rs
Zustand: Introduction
Index of documentation for pmndrs/* libraries
Videos
Zustand Beginner Tutorial - Learn React State Management ...
05:00
5 Zustand BEST Practices in 5 Minutes - YouTube
36:29
Zustand - Complete Tutorial ( with Project ) 🔥🔥 - YouTube
19:27
Zustand - Complete Tutorial - YouTube
01:04:35
React State Management with Zustand & TypeScript - YouTube
25:11
Como ZUSTAND deixa seu projeto profissional - YouTube
Medium
medium.com › stackanatomy › zustand-simple-modern-state-management-for-react-242bc5ab13db
Zustand: simple, modern state management for React | by Uma Victor | StackAnatomy | Medium
August 18, 2022 - Zustand: simple, modern state management for React State and its management have always been a necessary part of modern applications. In earlier times, states were managed by passing data down to …
DEV Community
dev.to › sheraz4194 › simplifying-state-management-in-react-with-zustand-g4k
Simplifying State Management in React with Zustand - DEV Community
July 9, 2024 - Zustand (pronounced "zoo-shtand", meaning "state" in German) is a compact, high-performance, and adaptable state management solution tailored for React applications.
Refine
refine.dev › home › blog › integrations › how to use zustand
How to use Zustand | Refine
August 2, 2024 - Zustand is a small unopinionated state management library built by Jotai and React-spring. It has a comfy API based on hooks, and isn't opinionated. Zustand is open-source with a large community of users and support developers working round ...
Zustand
zustand-demo.pmnd.rs
Zustand
🐻 Bear necessities for state management in React
GeeksforGeeks
geeksforgeeks.org › typescript › introduction-to-zustand
Zustand State Management Guide for React & Next.js - GeeksforGeeks
September 6, 2025 - Indirect State Managers: Libraries like React Router (for routing) and React Query (for data fetching) can handle state indirectly when combined with native hooks. Direct State Managers: Dedicated libraries like Redux, Zustand, Jotai, and Valtio are used specifically for global state management.
Medium
medium.com › globant › react-state-management-b0c81e0cbbf3
React State Management — using Zustand | by Chikku George | Globant | Medium
February 15, 2024 - Zustand is a state management library. It is compact, fast, and scalable. It is a fairly simple system with little boilerplate code. You can use it with less code than Redux and similar libraries for managing React states.
TkDodo
tkdodo.eu › blog › zustand-and-react-context
Zustand and React Context
April 14, 2024 - Zustand stores a global and don't need React Context - but sometimes, it makes sense to combine them regardless.
Frontend Masters
frontendmasters.com › blog › introducing-zustand
Introducing Zustand (State Management) – Frontend Masters Blog
Zustand also supports manual, fine-grained subscriptions; bindings for vanilla JavaScript, with no React at all; and integrates well with immutable helpers like Immer. It also has some other, more advanced goodies that we won’t try to cover here.
TkDodo
tkdodo.eu › blog › working-with-zustand
Working with Zustand
November 20, 2022 - One of them that I quickly grew to like was Zustand (opens in a new window). It’s a tiny library (v4.1.4 is 1.1kB Minified + Gzipped) that provides a simple API to create global state stores and subscribe to them via selectors.
Medium
medium.com › @ignatovich.dm › managing-react-state-with-zustand-4e4d6bb50722
Managing React state with Zustand | by Frontend Highlights | Medium
October 27, 2024 - Zustand is a small, fast, and scalable state management library for React, often regarded as a simpler alternative to Redux. Created by…
DEV Community
dev.to › ricardogesteves › zustand-when-how-and-why-1kpi
Zustand, When, how and why - DEV Community
September 3, 2024 - Zustand is a small, fast, and scalable state management solution for React applications.
Medium
medium.com › @freeyeon96 › zustand-react-query-new-state-management-7aad6090af56
Zustand + React Query: A New Approach to State Management | by Freeyeon | Medium
November 14, 2024 - Zustand is a lightweight state management library that offers React hooks to manage state. Like Redux, it is based on the Flux pattern, which organizes data flow in one direction.
npm
npmjs.com › package › zustand
zustand - npm
March 16, 2026 - Zustand core can be imported and used without the React dependency.
» npm install zustand
Published Mar 16, 2026
Version 5.0.12
DEV Community
dev.to › ajmal_hasan › simplifying-state-management-in-react-native-with-zustand-41f2
Simplifying State Management in React Native with Zustand - DEV Community
November 24, 2024 - In React Native, managing state effectively can significantly enhance your app’s performance and maintainability. Zustand, a minimalistic state management library for React, provides an elegant and simple solution for handling state in React ...
DEV Community
dev.to › franklin030601 › using-zustand-with-react-js-9di
Using Zustand with React JS! 🚀 - DEV Community
August 26, 2022 - Managing state is a must in modern React JS applications. That's why today I will give you an introduction to "Zustand" a popular alternative to manage your status in your applications.
Js
react-tracked.js.org › person name (zustand)
Tutorial with zustand - Person Name | React Tracked
This tutorial shows tiny example code with zustand. There are two variants. The first one is with useStore. The second one is with useTrackedStore. ... import * as React from 'react'; import { useState } from 'react'; import create from 'zustand'; const useStore = create((set) => ({ firstName: 'React', lastName: 'Tracked', setFirstName: (firstName) => set({ firstName }), setLastName: (lastName) => set({ lastName }), })); const EditPerson = () => { const firstName = useStore((state) => state.firstName); const lastName = useStore((state) => state.lastName); const setFirstName = useStore((state)
Reddit
reddit.com › r/reactjs › do i need zustand?
r/reactjs on Reddit: Do I need Zustand?
November 3, 2024 -
My background:
-
I am a Software Engineer but I don't work on web services as part of my job and definitely not on UI.
-
I have a small (40k LOC, few hundred users a week) personal project built with React (SPA, no framework).
Currently I am using the built-in `useState` and `useContext` and it's mostly doing what I want it to do. I have seen a lot of raving about Zustand so I just installed it and played around with it but I'm not 100% sure what I actually should be using it for.
My current understanding is Zustand helps manage global state more efficiently and maybe slightly more conveniently than Context does, but I don't have that much global state in my app anyways and even with my testing on lower end mobile devices I don't have any big problems with performance related to modifying my global state anyways. (And actually when I switched over to Zustand to play around I noticed an odd rendering issue introduced when modifying my global state that was definitely not there before).
Is this something that really shines in larger apps? Or maybe there's more global state in other domains that is not really a factor in my project, so I don't see the benefit?
Top answer 1 of 16
20
You don't need anything. I'd say for the most part it's just a nicer and less boilerplaty API than Context, you just create a store with values and setters and start consuming them, as well as having some extremely nice middleware to mirror your stores into localStorage or sessionStorage without even thinking about it. It'll also not re-render the entire tree on changes (which supposedly Context does, but people still debate every single day whether this is true or not so regardless of what I say someone is gonna tell me elsewise), but only the components that are dependent on the data changing.
2 of 16
8
Full disclaimer, I never used Zustand, but you pretty much said yourself that you don't really need it if you don't have a lot to store on a global state or that you don't have any performance issues. From what I've gathered reading around Zustand is pretty much what you described, where it manages global state in a more efficient and performatic way instead of having one large context which can lead to some performance issues. I also see a lot of people liking the API because it's simple to use. Again, never used it but if you never really felt a need for it and you don't expect your global state to increase or something, I'd say don't bother
DEV Community
dev.to › aaronksaunders › managing-react-state-with-zustand-2e8k
Managing React State with Zustand - DEV Community
December 30, 2021 - Zustand - https://zustand.surge.sh/ - Means condition or state in German - definition of zustand · global state is all of the objects that are needed through out the application · There are various state management packages available for react, ...