Stacks240

Jobs129

Votes92

Redux

Stacks5.8K

Jobs2.2K

Votes605

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?

17
It's just stupidly simple, yet so magical
14
Easier and cleaner than Redux
11
Fast
11
React integration
11
Automagic updates
8
Zero boilerplate
7
Computed properties

176
State is predictable
141
Plays well with React and others
118
State stored in a single object tree
73
Hot reloading out of the box
64
Allows for time travel
9
You can log everything
8
Great tutorial direct from the creator

What are the cons of using MobX?

What are the cons of using Redux?

1
Maturity

4
Lots of boilerplate
2
Verbose
1
Steeper learning curve than MobX
1
Steep learning curve
1
Design
1
Steeper learning curve than RxJs

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?

React

React

Decisions about MobX and Redux

No stack decisions found

Related Comparisons

Interest over time

Reviews of MobX and Redux

No reviews found

How developers use MobX and Redux

MOKA Analytics uses

Redux

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

Kurzor, s.r.o. uses

Redux

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.

Ataccama uses

Redux

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.

Kent Steiner uses

Redux

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.