Jotai vs Zustand
Overview
Share your Stack
Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.
CLI (Node.js)
Manual
Detailed Comparison
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. | It takes an atomic approach to global React state management. Build state by combining atoms and renders are automatically optimized based on atom dependency. This solves the extra re-render issue of React context, eliminates the need for memoization, and provides a similar developer experience to signals while maintaining a declarative programming model. |
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) | Minimal core API (2kb);
Many utilities and integrations;
TypeScript oriented;
Works with Next.js, Gatsby, Remix, and React Native;
React Fast Refresh with SWC and Babel plugins |
Statistics | |
GitHub Stars - | GitHub Stars 20.7K |
GitHub Forks - | GitHub Forks 696 |
Stacks 371 | Stacks 62 |
Followers 157 | Followers 3 |
Votes 34 | Votes 0 |
Pros & Cons | |
Pros
Cons
| No community feedback yet |
Integrations | |
What are some alternatives to Zustand, Jotai?
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.
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.
Effector
It is an effective multi-store state manager for Javascript apps, that allows you to manage data in complex applications.
redux-saga
An alternative side effect model for Redux apps
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.
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.
Statsbot
Statsbot is helping you take control of your raw data, providing an all-in-one analysis tool for engineers and non-tech folks alike.
Unstated
State so simple, it goes without saying
digna
Is the game-changing European modern data quality platform that effortlessly uncovers anomalies and errors in your data with Artificial Intelligence.
reselect
Simple “selector” library for Redux (and others) inspired by getters in NuclearJS, subscriptions in re-frame and this proposal from speedskater.
