Stacks452

Followers370

+ 1

Votes111

Redux

Stacks14.9K

Followers10.2K

+ 1

Votes635

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.

Pros of MobX

Pros of Redux

22
It's just stupidly simple, yet so magical
16
Easier and cleaner than Redux
14
Fast
12
React integration
12
Automagic updates
10
Zero boilerplate
9
Computed properties
7
ES6 observers and obversables
6
Global stores
2
Flexible architecture the requeriment
1
Has own router package (mobx-router)

182
State is predictable
145
Plays well with React and others
123
State stored in a single object tree
75
Hot reloading out of the box
69
Allows for time travel
12
You can log everything
10
Great tutorial direct from the creator
6
Test without browser
6
Endorsed by the creator of Flux
3
Easy to debug
2
Granular updates
1
Blabla
1
Enforces one-way data flow

Sign up to add or upvote prosMake informed product decisions

Cons of MobX

Cons of Redux

1
Maturity

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

Sign up to add or upvote consMake informed product decisions

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?

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

What companies use MobX?

What companies use Redux?

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with MobX?

What tools integrate with Redux?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

What are The Most In-Demand Frontend Frameworks in 2020?

Jan 22, 2020 at 7:46AM

LogRocket

+12

2654

Rethinking Front-end Error Reporting

Oct 11, 2019 at 2:36PM

LogRocket

1345

How Stream Built a Modern RSS Reader With JavaScript

Jun 19, 2018 at 3:02AM

Stream

+29

10194

How Heap Built an Analytics Platform that Auto-Tracks Every Us...

Jun 14, 2018 at 2:23AM

Heap

+13

8422

Stream & Go: News Feeds for Over 300 Million End Users

Jan 18, 2018 at 7:43AM

Stream

+42

38080

Dubsmash: Scaling To 200 Million Users With 3 Engineers

Dec 14, 2017 at 10:02AM

Dubsmash

+47

66799

How Uploadcare Built a Stack That Handles 350M File API Reques...

Jul 28, 2017 at 7:41AM

Uploadcare

+46

31123

How LendingHome Scaled Their Marketplace To $750M In Real Esta...

Sep 2, 2016 at 3:23AM

LendingHome

+43

5093

What are some alternatives to MobX and Redux?

Relay Framework

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.

Knockout

It is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), it can help you implement it more simply and maintainably.

GraphQL Cache

A custom middleware for graphql-ruby that handles key construction and cache reads/writes transparently.

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.

Apollo

Build a universal GraphQL API on top of your existing REST APIs, so you can ship new application features fast without waiting on backend changes.

See all alternatives

Interest over time

News about MobX

More news

News about Redux

Spring Tips: Bootiful Kotlin Redux

(spring.io)

Nov 8, 2017

The what and why of Redux

(blog.pusher.com)