mobx-store-provider
mobx-state-tree
mobx-store-provider | mobx-state-tree | |
---|---|---|
1 | 10 | |
40 | 6,878 | |
- | 0.3% | |
3.3 | 8.4 | |
5 months ago | 10 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.
mobx-store-provider
-
github projects that uses contextAPI
One of my libraries I've written for the mobx-state-tree community uses it: https://github.com/jonbnewman/mobx-store-provider
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?
mobx-persist - persist mobx stores
zustand - ๐ป Bear necessities for state management in React
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.
mst-effect - ๐ซ Designed to be used with MobX-State-Tree to create asynchronous actions using RxJS
clean-state - ๐ป A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. ๐
redux - A JS library for predictable global state management
ignite-bowser - Bowser is now re-integrated into Ignite CLI! Head to https://github.com/infinitered/ignite to check it out.
MobX - Simple, scalable state management.
mozaik - ๐ฎ State manager for write good code. Best from redux, mobx and mobx-state-tree
kotlin-wrappers - Kotlin wrappers for popular JavaScript libraries
cra-template-redux - ARCHIVED: the CRA+JS template has moved to https://github.com/reduxjs/redux-templates