reatom
zustand
Our great sponsors
reatom | zustand | |
---|---|---|
1 | 195 | |
811 | 28,437 | |
- | 7.3% | |
6.7 | 9.6 | |
7 days ago | 8 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
reatom
-
Why is it so difficult to modify a deeply nested state in React?
Nice one, really! https://github.com/artalar/reatom
zustand
-
Zustand = 🔥
See this thread
-
How can I create a component that fetch and takes a dynamic URL link as a prop?
It's not, but you seemed to be focused on getting this to work that I wanted to see you get this far before recommending a store - [redux toolkit](https://redux-toolkit.js.org/) and [zustand](https://github.com/pmndrs/zustand) are my favorites :) And when you do move to a store, you'll both better understand and appreciate what it's giving you over `useEffect`
-
Why is building a UI in Rust so hard?
I like using Zustand in React for global state
-
State management, possible alternatives to redux
By "computed" I mean derived data from the state, which is automatically updated. Zustand has poor support to this.
I was looking at zustand, which seems pretty compelling: https://github.com/pmndrs/zustand
-
Libraries to consider when using React in 2023 for production applications.
Recently, I came across this amazing global state management system. If it had occurred to me earlier, I would never have looked for alternative state management library. It is a small, fast, and scalable bear bones state-management solution using simplified flux principles. Has a comfy API based on hooks, and isn't boilerplates or opinionated. check out their official docs for more info.
-
Web 3.0 frontend stacks in 2023
jotai is a state management library that is easy to use and lightweight. It can use simply like useState + ContextAPI, prevent extra-rerender and has many utilities. Similar libraries are recoil, zustand, valtio. You can choose the one you like.
-
Let's build a Mind Map App with React Flow
We are using Zustand for managing the state of our application. It's a bit like Redux but way smaller and there's less boilerplate code to write. React Flow also uses Zustand, so the installation comes with no additional cost. (For this tutorial we are using Typescript but you can also use plain Javascript.)
-
A cure for React useState hell?
But I want to impress upon you that this is just only one of many patterns you can use this hook for. While this is subjective, I am personally not a huge fan of Redux and this type of pattern. It has its merits, but I think once you want to start layering in new patterns for actions, Mobx, Zustand, or XState are preferable in my personal opinion.
What are some alternatives?
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
redux - Predictable state container for JavaScript apps
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
MobX - Simple, scalable state management.
redux-devtools-extension - Redux DevTools extension.
Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
jotai - 👻 Primitive and flexible state management for React
SWR - React Hooks for Data Fetching
rtk-query - Data fetching and caching addon for Redux Toolkit
valtio - 💊 Valtio makes proxy-state simple for React and Vanilla
easy-peasy - Vegetarian friendly state for React