zustand react - Brave Search

zustand.docs.pmnd.rs

Zustand: Introduction

Index of documentation for pmndrs/* libraries

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%

Discussions

I've heard "just use Zustand" a hundred times. Nobody has ever convinced me why I should switch from Redux.

If you feel comfortable with Redux, just stick with it. Zustand has much lower level of entry, that's it. Both are just tools. Choose what you like. More on reddit.com

r/reactjs

145

182

February 19, 2026

Do I need Zustand?

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. More on reddit.com

r/reactjs

51

45

November 3, 2024

Videos

Zustand Beginner Tutorial - Learn React State Management ...

5 Zustand BEST Practices in 5 Minutes - YouTube

Simple React state management using Zustand - YouTube

Stop Using Context in React - Use This Instead - YouTube

Zustand - Complete Tutorial ( with Project ) 🔥🔥 - YouTube

October 6, 2024

React State Management with Zustand & TypeScript - YouTube

September 3, 2024

zustand-demo.pmnd.rs

🐻 Bear necessities for state management in React

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.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 …

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 ...

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.

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.

Find elsewhere

Google Bing Mojeek

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.

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.

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.

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.

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…

npmjs.com › package › zustand

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

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.

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.com › r/reactjs › i've heard "just use zustand" a hundred times. nobody has ever convinced me why i should switch from redux.

r/reactjs on Reddit: I've heard "just use Zustand" a hundred times. Nobody has ever convinced me why I should switch from Redux.

February 19, 2026 -

I'm a senior frontend dev. I start a lot of projects. Every project I start, I reach for Redux Toolkit — and it works. My state is predictable, my devtools are excellent, my team knows it, and the patterns scale.

And yet, at least once a month, someone in a code review or a tech discussion says "why are you still using Redux? Just use Zustand."

They never finish the sentence.

I've been building out a React/TypeScript boilerplate I use to start new projects, and I'm genuinely reconsidering the state management choice. But I need someone to make the actual case — not "Zustand is simpler" (simpler than what, exactly?) and not "Redux has too much boilerplate" (Redux Toolkit killed that argument in 2021).

Here's my situation: I already have Redux set up. It took maybe 20 minutes. It works. My selectors are clean, my slices are organized, my devtools show me every action that fires. What is Zustand giving me that justifies ripping that out and relearning patterns?

Specifically, I'd love to hear:

A real project where Redux was causing you actual pain and Zustand fixed it
What you gave up when you switched (because something always gets sacrificed)
Whether Zustand scales to genuinely complex global state, or if it shines best for smaller apps

I'm not looking for a feature comparison — I can read the docs. I want your personal experience.

(I'm collecting these opinions in a GitHub discussion if you want to continue the conversation there: https://github.com/bishopZ/2026-Boilerplate/discussions/23)

If you feel comfortable with Redux, just stick with it. Zustand has much lower level of entry, that's it. Both are just tools. Choose what you like.

I've used both a lot. They are practically interchangeable. I actually recommend reading the source code of both so you don't feel like you don't know what you're missing out on. Redux has some advantages, like better Typescript type inference, cleaner integration with Redux dev tools (Zustand works with redux dev tools...kinda) so I tend to use Redux on new projects.

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.

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?

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.

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.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 ...