robodux
mobx-state-tree
robodux | mobx-state-tree | |
---|---|---|
2 | 10 | |
100 | 6,867 | |
- | 0.1% | |
4.1 | 8.4 | |
7 months ago | 14 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.
robodux
-
Ask HN: What is your favorite front end state management solution?
Like most systems, it’s all about how it is setup. I’ve learned over 5-7 years how to organize FE (with redux) code so it is readable. Also inheriting a system can be quite the burden and I could see how it was be difficult to grok.
I also heavily leverage https://github.com/neurosnap/robodux to treat redux as a database.
At the end of the day, redux is an event emitter (pub/sub) with a single object that stores all of your state that multiple components need to reuse.
- robodux: a powerful middleware and caching library for redux side-effects
mobx-state-tree
-
Building a Dynamic Job Board with Issues Github, Next.js, Tailwind CSS and MobX-State-Tree
Basic knowledge of Tailwind CSS and MobX-State-Tree
-
Performance with React Context API
Folks disagreed with my comment yesterday criticizing Redux as an architecture, but this sort of illustrates my point. I'd suggest taking a look at Mobx State Tree, which automatically re-renders components only when they depend on the specific part of the state that changed. Other fields can change without triggering unnecessary re-renders, and developers don't have to worry about manually splitting the state to deal with performance problems.
-
Ask HN: What is your favorite front end state management solution?
mobx-state-tree (https://mobx-state-tree.js.org/)
Benefits of it over mobx is data normalization with references and JSON patches which allow you sync complex state easily. Typed models are also a plus.
Drawbacks are performance (see https://github.com/mobxjs/mobx-state-tree/issues/1267).
Previously was using immer, which I loved because of immutability but moved off since classes and OOP didn't feel as natural as in mst.
If I were to pick an alternative, might try redux with normalization https://redux.js.org/usage/structuring-reducers/normalizing-....
And if I were to build a state management tool, I would prioritize a library that has
-
Managing my buisness logic with OOP
MobX - or even MobX-state-tree if you prefer
- Expo, what’s a good RAM usage?
-
[AskJS] I have spent 7 years creating a JavaScript alternative, would love to hear your feedback
As for state imba doesn't impose any paradigm on you - you are free to bring your own state managment. So you could use a library like mobx-state-tree.
-
MobX State Tree (MST) - State Management
We have covered almost all required topics from MobeX-State-Tree. MobeX provided few sample example, download ToDoMVC - app using React and MST and Bookshop - app with references, identifiers, routing, testing etc.
-
Best React + NodeJS tech stacks in 2021?
MobX-State-Tree -> MobX is a state management "engine", and MobX-State-Tree gives it structure and common tools you need for your app.
-
Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)
Recoil is cool, I would also recommend mobx-state-tree which is not much more complex to use and gives you nice type safety and reactivity. You can easily get a snapshot of the whole store and restore from it.
What are some alternatives?
wrmhole
zustand - 🐻 Bear necessities for state management in React
valtio - 💊 Valtio makes proxy-state simple for React and Vanilla
mst-effect - 💫 Designed to be used with MobX-State-Tree to create asynchronous actions using RxJS
saga-query - Data synchronization using a middleware system for front-end apps
redux - A JS library for predictable global state management
effector-react - Business logic with ease ☄️
MobX - Simple, scalable state management.
htmx - </> htmx - high power tools for HTML
kotlin-wrappers - Kotlin wrappers for popular JavaScript libraries
jotai - 👻 Primitive and flexible state management for React
cra-template-redux - ARCHIVED: the CRA+JS template has moved to https://github.com/reduxjs/redux-templates