Need advice about which tool to choose?Ask the StackShare community!

MobX

748
515
+ 1
114
Redux

30.6K
23.3K
+ 1
674
vuex

1.5K
924
+ 1
7
Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of MobX
Pros of Redux
Pros of vuex
  • 26
    It's just stupidly simple, yet so magical
  • 18
    Easier and cleaner than Redux
  • 15
    Fast
  • 13
    Automagic updates
  • 13
    React integration
  • 10
    Computed properties
  • 8
    ES6 observers and obversables
  • 7
    Global stores
  • 3
    Flexible architecture the requeriment
  • 1
    Has own router package (mobx-router)
  • 191
    State is predictable
  • 150
    Plays well with React and others
  • 126
    State stored in a single object tree
  • 79
    Hot reloading out of the box
  • 74
    Allows for time travel
  • 14
    You can log everything
  • 12
    Great tutorial direct from the creator
  • 7
    Endorsed by the creator of Flux
  • 7
    Test without browser
  • 6
    Easy to debug
  • 3
    Enforces one-way data flow
  • 3
    Granular updates
  • 2
    Blabla
  • 2
    Debugging
  • 2
    Zero-config time-travel
  • 2
    Centralized State Management
  • 1
    Easy to setup

Sign up to add or upvote prosMake informed product decisions

Cons of MobX
Cons of Redux
Cons of vuex
  • 1
    Maturity
  • 13
    Lots of boilerplate
  • 6
    Verbose
  • 5
    Steep learning curve
  • 5
    Design
  • 4
    Steeper learning curve than RxJs
  • 4
    Steeper learning curve than MobX
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    - No public GitHub repository available -

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

    Need advice about which tool to choose?Ask the StackShare community!

    Jobs that mention MobX, Redux, and vuex as a desired skillset
    What companies use MobX?
    What companies use Redux?
    What companies use vuex?

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

    What tools integrate with MobX?
    What tools integrate with Redux?
    What tools integrate with vuex?

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

    Blog Posts

    JavaScriptGitHubReact+12
    5
    4205
    Oct 11 2019 at 2:36PM

    LogRocket

    JavaScriptReactAngularJS+8
    5
    2014
    Vue.jsSpring BootUnity+7
    2
    1262
    JavaScriptGitHubNode.js+29
    14
    13645
    GitHubPythonReact+42
    49
    40939
    GitHubPythonNode.js+47
    55
    72820
    What are some alternatives to MobX, Redux, and vuex?
    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