redux VS MobX

Compare redux vs MobX and see what are their differences.

redux

Predictable state container for JavaScript apps (by reduxjs)

MobX

Simple, scalable state management. (by mobxjs)
Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
redux MobX
177 22
58,085 25,257
0.6% 1.0%
8.9 8.5
about 17 hours ago 4 days ago
TypeScript TypeScript
GNU General Public License v3.0 or later MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

redux

Posts with mentions or reviews of redux. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-05-22.
  • Surprising Performance Lessons from React Microfrontends in Production
    7 projects | dev.to | 22 May 2022
    Use of global state management libraries e.g. Redux, MobX and XState.
  • Trying to add items to a useState array, but it clears on refresh
    1 project | reddit.com/r/react | 20 May 2022
    Redux is likely overkill in this situation. For sharing global state, state management libraries are certainly the way to go, but ephemeral state should not go into a store: state that is only used within a single logical component is better off in useState or useReducer hooks.
  • Redux explained from a beginner perspective (simplified)
    1 project | dev.to | 20 May 2022
    Let's start by explaining some of the Redux terminologies 1. What exactly is Redux When you visit the official Redux Website, you see this simple definition ==> Redux:
  • Learn how React Context API works by Building a Minimal Ecommerce Shopping App
    2 projects | dev.to | 20 May 2022
    React Context is a method used to pass data(and functions) from parent to child component(s), by storing the data in a store (similar to Redux), from where you can easily access and import the data into whatever components you choose.
  • Using Zustand in React applications
    4 projects | dev.to | 16 May 2022
    In this post we are going to look closely to one of the state management libraries - Zustand. This is a good alternative to Redux for development of React applications if you find Redux too complicated or too heavy for your current project.
  • Display a simple loading indicator between routes in react router
    1 project | reddit.com/r/codehunter | 13 May 2022
    Reactjs I'm coming from AngularJS world and start some days ago writing my first React App with react-router, in AngularJS I do: app.directive('Loading', function($rootScope, $timeout) { return { restrict: 'E', replace: true, template: 'Loading' link: function(scope, element) { $rootScope.$on('$routeChangeStart', function(event, currentRoute, previousRoute) { element.removeClass('ng-hide'); }); $rootScope.$on('$routeChangeSuccess', function() { element.addClass('ng-hide'); }); } };}); and then I just add . So now in my React App I have: class App extends Component { render() { return ( Home About ); }} and my two components are simple: class Home extends Component { render() { return ( Home ); }}class About extends Component { render() { return ( About ); }} Can I do this without using reduxJS? Answer link : https://codehunter.cc/a/reactjs/display-a-simple-loading-indicator-between-routes-in-react-router
  • By Crayons and For Crayons
    12 projects | dev.to | 13 May 2022
    It is using Webpack for bundling, Redux and Immer for application state management.
  • InfoAbout.me
    5 projects | dev.to | 12 May 2022
    This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.
  • InSelfView
    4 projects | dev.to | 11 May 2022
    State Management: Redux _ a Predictable State Container for React.
  • The Complete Modern React Developer 2022
    20 projects | dev.to | 10 May 2022
    This will be a course for becoming a Complete Modern React Developer in 2022. The only three topics which are not covered in this course are Redux, GraphQL and React Native which could be covered in a future course. TypeScript is going to be the main programming language covered however if you already know JavaScript then you should find it quite easy to understand because the syntax is not that much different.

MobX

Posts with mentions or reviews of MobX. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-04-14.

What are some alternatives?

When comparing redux and MobX you can also consider the following projects:

zustand - 🐻 Bear necessities for state management in React

Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

RxJS - A reactive programming library for JavaScript

react-query - ⚛️ Hooks for fetching, caching and updating asynchronous data in React

valtio - 💊 Valtio makes proxy-state simple for React and Vanilla

redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development

SWR - React Hooks for Data Fetching

effector-react - Business logic with ease ☄️

riverpod - A simple way to access state while robust and testable.

swift-composable-architecture - A library for building applications in a consistent and understandable way, with composition, testing, and ergonomics in mind.