MobX
MobX

240
129
92
Redux
Redux

5.8K
2.2K
605
Add tool

MobX vs Redux: What are the differences?

What is MobX? Simple, scalable state management. 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.

What is Redux? Predictable state container for JavaScript apps. Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger.

MobX and Redux belong to "State Management Library" category of the tech stack.

"It's just stupidly simple, yet so magical" is the primary reason why developers consider MobX over the competitors, whereas "State is predictable" was stated as the key factor in picking Redux.

MobX and Redux are both open source tools. Redux with 49.2K GitHub stars and 12.7K forks on GitHub appears to be more popular than MobX with 19.6K GitHub stars and 1.21K GitHub forks.

According to the StackShare community, Redux has a broader approval, being mentioned in 1021 company stacks & 803 developers stacks; compared to MobX, which is listed in 51 company stacks and 32 developer stacks.

What is 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.

What is Redux?

Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger.

Want advice about which of these to choose?Ask the StackShare community!

Why do developers choose MobX?
Why do developers choose Redux?
What are the cons of using MobX?
What are the cons of using Redux?
What companies use MobX?
What companies use Redux?
What are some alternatives to MobX and Redux?
Relay
Never again communicate with your data store using an imperative API. Simply declare your data requirements using GraphQL and let Relay figure out how and when to fetch your data.
KnockoutJS
Knockout is a JavaScript MVVM (a modern variant of MVC) library that makes it easier to create rich, desktop-like user interfaces with JavaScript and HTML. It uses observers to make your UI automatically stay in sync with an underlying data model, along with a powerful and extensible set of declarative bindings to enable productive development.
Flux
Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.
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-saga
An alternative side effect model for Redux apps
See all alternatives
What tools integrate with MobX?
What tools integrate with Redux?
Decisions about MobX and Redux
No stack decisions found
Interest over time
Reviews of MobX and Redux
No reviews found
How developers use MobX and Redux
Avatar of MOKA Analytics
MOKA Analytics uses ReduxRedux

Though Redux makes encoding some interactions unnatural, the ease of debugging makes it worthwhile. Additionally, Redux makes it easy to implement saving/bookmarking/sharing just by serializing state

Redux's middleware is great for separating concerns, e.g., requests, errors, telemetry, etc.

Our reducers use immutability-helper to update state

Avatar of Kurzor, s.r.o.
Kurzor, s.r.o. uses ReduxRedux

We love functional approach to writing apps and Redux is thus the premium choice in this matter. The inner beauty of the state tree is unbeatable. We recently learned to solve common tasks via middleware. And the Redux Chrome extension is such a marvel - our developers request extra monitors just to have it nearby.

Avatar of Ataccama
Ataccama uses ReduxRedux

Our state management library of choice. Redux has a simple concept, but it's flexible enough and it's React binding library, react-redux, contains a lot of performance-optimized code to make the most out of this combo.

Avatar of Kent Steiner
Kent Steiner uses ReduxRedux

I have been using React/Flux since just about the beginning of React time. Redux is a great upgrade and extension of the core flux concepts, and brings immutable and strict declarative state to the apps I build.

Avatar of Promethean TV
Promethean TV uses ReduxRedux

The PrometheanTV Client Web SDK utilizes the Redux state management library to manage the state of overlay rendering during video playback.

Avatar of Bermuda Digital Studio
Bermuda Digital Studio uses MobXMobX

Substate Management and MVVM adoption

How much does MobX cost?
How much does Redux cost?
Pricing unavailable
Pricing unavailable
News about MobX
More news