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

MobX

817
504
+ 1
114
vuex

1.6K
915
+ 1
7
Add tool

MobX vs vuex: What are the differences?

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; vuex: Centralized State Management for Vue.js. 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.

MobX and vuex can be categorized as "State Management Library" tools.

MobX and vuex are both open source tools. It seems that vuex with 20.7K GitHub stars and 6.67K forks on GitHub has more adoption than MobX with 19.6K GitHub stars and 1.21K GitHub forks.

Flat, Cromon Media Services, and Toucan Toco are some of the popular companies that use vuex, whereas MobX is used by ScreenAware, Udemy, and Swat.io. vuex has a broader approval, being mentioned in 48 company stacks & 71 developers stacks; compared to MobX, which is listed in 51 company stacks and 32 developer stacks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of MobX
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)
  • 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 vuex
  • 1
    Maturity
    Be the first to leave a con

    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 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 and vuex as a desired skillset
    What companies use MobX?
    What companies use vuex?
    See which teams inside your own company are using MobX or vuex.
    Sign up for StackShare EnterpriseLearn More

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

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

    Blog Posts

    JavaScriptGitHubReact+12
    5
    4060
    Vue.jsSpring BootUnity+7
    2
    1150
    What are some alternatives to MobX 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