Zustand logo

Zustand

Bear necessities for state management in React
33
65
+ 1
20

What is Zustand?

Small, fast and scaleable bearbones state-management solution. Has a comfy api based on hooks, that isn't boilerplatey or opinionated, but still just enough to be explicit and flux-like.
Zustand is a tool in the State Management Library category of a tech stack.
Zustand is an open source tool with GitHub stars and GitHub forks. Here’s a link to Zustand's open source repository on GitHub

Who uses Zustand?

Companies
6 companies reportedly use Zustand in their tech stacks, including Hotjar, Tacto, and Engineering Team.

Developers
27 developers on StackShare have stated that they use Zustand.

Zustand Integrations

Pros of Zustand
7
Simple API
5
Unopinionated
3
Asynchronous action out the box
3
Supports Redux DevTools
1
Less boilerplate
1
Open source

Zustand's Features

  • Simpler and un-opinionated
  • Makes hooks the primary means of consuming state
  • Doesn't wrap your app into context providers
  • Can inform components transiently (without causing render)

Zustand Alternatives & Comparisons

What are some alternatives to Zustand?
Redux
It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. t provides a great experience, such as live code editing combined with a time traveling debugger.
vuex
Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue's official devtools extension to provide advanced features such as zero-config time-travel debugging and state snapshot export / import.
MobX
MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP). React and MobX together are a powerful combination. React renders the application state by providing mechanisms to translate it into a tree of renderable components. MobX provides the mechanism to store and update the application state that React then uses.
redux-saga
An alternative side effect model for Redux apps
redux-thunk
Redux Thunk middleware allows you to write action creators that return a function instead of an action. The thunk can be used to delay the dispatch of an action, or to dispatch only if a certain condition is met. The inner function receives the store methods dispatch and getState as parameters.
See all alternatives

Zustand's Followers
65 developers follow Zustand to keep up with related blogs and decisions.