+ 1

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.
MobX is a tool in the State Management Library category of a tech stack.
MobX is an open source tool with 27.3K GitHub stars and 1.8K GitHub forks. Here’s a link to MobX's open source repository on GitHub

Who uses MobX?

136 companies reportedly use MobX in their tech stacks, including Udemy, Canva, and Frontend Stack.

476 developers on StackShare have stated that they use MobX.

MobX Integrations

Pros of MobX
It's just stupidly simple, yet so magical
Easier and cleaner than Redux
Automagic updates
React integration
Computed properties
ES6 observers and obversables
Global stores
Flexible architecture the requeriment
Has own router package (mobx-router)
Decisions about MobX

Here are some stack decisions, common use cases and reviews by companies and developers who chose MobX in their tech stack.

Piotr Brudny
Needs advice

I am building a POC in Next.js. I usually use CRA+ MobX + Contentful, but this time I want to give a try to Next and GraphQL. Any suggestions on what tool to use for state management/content management? I am looking for a modern and quick to implement solution.

See more

Blog Posts

MobX Alternatives & Comparisons

What are some alternatives to MobX?
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.
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 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.
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

MobX's Followers
514 developers follow MobX to keep up with related blogs and decisions.