MobX logo

MobX for Dart and Flutter

Hassle free state-management for your Dart and Flutter apps

pub pub pub
Build Status Publish Coverage Status Netlify Status
Join the chat at https://discord.gg/dNHY52k
Flutter Favorite Badge

Sponsors

We are very thankful to our sponsors to make us part of their Open Source Software (OSS) program.

[Become a sponsor]

Introduction

MobX is a state-management library that makes it simple to connect the reactive data of your application with the UI (or any observer). This wiring is completely automatic and feels very natural. As the application-developer, you focus purely on what reactive-data needs to be consumed in the UI (and elsewhere) without worrying about keeping the two in sync.

It's not really magic but it does have some smarts around what is being consumed (observables) and where (reactions), and automatically tracks it for you. When the observables change, all reactions are re-run. What's interesting is that these reactions can be anything from a simple console log, a network call to re-rendering the UI.

MobX has been a very effective library for the JavaScript apps and this port to the Dart language aims to bring the same levels of productivity.

Tried, tested and said...

It's like BLoC, but actually works.
Flutter enthusiast, creator of the flutter_hooks, provider packages.
We at GeekyAnts have used MobX.dart in many Flutter projects. We have chosen it as the default state-management library for the internal frameworks built for Flutter.
Founder of GeekyAnts โ€ข Creator of BuilderXio, NativeBaseIO & VueNativeIO โ€ข Speaker โ€ข Loves tea โ€ข Strums guitar
If you haven't seen MobX.dart @ https://mobx.netlify.com, check it out. In combination with Provider, it's PFM (Pure Flutter Magic). I use it when I build anything real. #recommended #Flutter
Google Product Manager on the Flutter Development Experience. Enjoys long walks on the beach and various technologies.
MobX's concepts of Observables, Actions and Reactions make it intuitive to figure out how to model the state of an application. I would highly recommend it as a solution for managing the application's state.
Flutter Enthusiast and maintainer of flutter_local_notifications and flutter_appauth packages.
On Professional projects, MobX helps me manage hundreds of forms and thousands of fields with transparency. When working on Generative Art, it helps me create highly configurable widgets without complexity. MobX supports me on all of my projects.
#Minimalism | #flutter artist | github Awesome #flutter
MobX feels so robust and leverages the Dart language very well. Brazil's community was previously attached to BLoC. With MobX, they have found a great replacement. Several people here in Brazil are building Flutter apps quickly, thanks to MobX.
Founded the Brazilian community Flutterando. Creator of bloc_pattern, Slidy and flutter_modular packages.
This framework is just awesome. I ported my Flutter app to it and everything feels so much simpler now (even if the porting process has not been easy). I highly recommend it ! ๐Ÿ‘Œ
Mobile app maker in โค๏ธ with Flutter & Figma & Firebase | @JintoApp co-founder | @FlutterRennes

Get Started ๐Ÿš€

Follow along with the Getting Started Guide to incorporate MobX within your Flutter project.

Go deep

For a deeper coverage of MobX, do check out MobX Quick Start Guide. Although the book uses the JavaScript version of MobX, almost all of the concepts are applicable to Dart and Flutter.

MobX Quick Start Guide