redux-essentials-example-app
mobx-state-tree
redux-essentials-example-app | mobx-state-tree | |
---|---|---|
37 | 10 | |
294 | 6,874 | |
1.4% | 0.3% | |
0.0 | 8.4 | |
17 days ago | 6 days ago | |
CSS | TypeScript | |
- | 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.
redux-essentials-example-app
- Redux vs Zustand
- Designing an async app as a long time backend engineer dedicated to synchronous pages. Help!
-
I was struggling with MVx architectures for years and now I can explain why
You're right, it is related. But I think that Flux- and ELM-like architectures are making it even worse by forcing any "external" interaction to became the gap. Look how they suffer when it comes to executing any async operation like network request. Initially we have this relatively simple framework, but then we had to add "Middleware" to just run network request (which is a good example of the Remainder issue). I love the idea behind these architectures, which makes logic more predictable and testing way easier. I even was using them by myself. But now they looks like something turned inside out for me. I believe we could do better. I'm finishing my proposal right now. It will take couple more weeks to edit and translate it, but soon I'll show what I mean.
-
JavaScript State Machines and Statecharts
Hi, I maintain Redux and wrote most of our docs (including our current tutorials).
Can you give some details on which parts of our docs you feel are "incomprehensible"? I'm curious which specific pages you've been looking at, and for what purpose.
We've tried to organize the docs using the "Documentation System" approach described at [0]: Tutorials for teaching step-by-step, Explanations and How-To guides for specific topics, and References for API details.
Generally we want people to go through our "Redux Essentials" tutorial [1] as the primary way to learn how to use Redux correctly. It teaches "modern Redux" patterns with Redux Toolkit as the standard way to write Redux logic (including RTK Query for handling data fetching), and React-Redux hooks in components.
I'm genuinely interested in feedback on what explanations aren't clear and how we can improve things!
[0] https://documentation.divio.com/
[1] https://redux.js.org/tutorials/essentials/part-1-overview-co...
- Best React Course 2023 (intermediate / advanced)
- Redux vs Redux toolkit
-
Redux, RTK, React Query, Typescript resources
https://redux.js.org/tutorials/essentials/part-1-overview-concepts (covers how to use Redux Toolkit and RTK Query)
- I don't get why I should use Redux
- What library or tool is causing you the most pain right now?
- Beginner’s guide to Redux
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?
zustand - 🐻 Bear necessities for state management in React
redux-eggs - Add some Eggs to your Redux store.
mst-effect - 💫 Designed to be used with MobX-State-Tree to create asynchronous actions using RxJS
hookstate - The simple but very powerful and incredibly fast state management for React that is based on hooks
redux - A JS library for predictable global state management
devtools - Replay.io DevTools
MobX - Simple, scalable state management.
scaffold-eth - 🏗 forkable Ethereum dev stack focused on fast product iterations [Moved to: https://github.com/scaffold-eth/scaffold-eth]
kotlin-wrappers - Kotlin wrappers for popular JavaScript libraries
scaffold-eth - 🏗 forkable Ethereum dev stack focused on fast product iterations
cra-template-redux - ARCHIVED: the CRA+JS template has moved to https://github.com/reduxjs/redux-templates