Big ideas.
Simple state.
Make Dart and Flutter apps that stay in sync. MobX connects your data to the places that need it, automatically. So you can get on with the good stuff.
items = 1Less keeping track.
More making things.
Small, readable pieces of Dart.
Connections that keep working as your app grows.
One source of truth. Many happy features.
Your product page, cart badge, and checkout can all read the same state. Change the quantity once. MobX keeps their derived values in sync.
final quantity = Observable(1);
final total = Computed(() => quantity.value * 24);
void addItem() => runInAction(() => quantity.value++);
Widget totalLabel() => Observer(builder: (_) => Text('${total.value}'));
Try the real Flutter example.
The Flutter runtime loads when you press Run.Used by thousands of companies across the world.
Small pieces.
Wonderful possibilities.
Learn a few ideas. Use them everywhere.
From your first counter to state shared across an entire app.
Observable
The state you care about.A name, a cart, a collection. Make it observable and MobX can track who uses it.
Action
A clear place to make changes.Update one value or several together. Reactions see the state after the action finishes.
Computed
Answers that work themselves out.Totals, filtered lists, validation. Describe how to derive a value, and let MobX keep it current.
Reaction
The right response to a change.Save a draft or respond to a status update. Run an effect when the state it reads changes.
Observer
Your Flutter UI, connected.Read observables inside an Observer builder. It rebuilds when those dependencies change.
Futures & streams
Async joins the conversation.Observe request status and live events, using the same reactive ideas as the rest of your app.
From your first counter
to your next big app.
Built in the open.
Used in the real world.
Part of the Dart and Flutter community.
Here’s what developers have shared.
It's like BLoC, but actually works.
If you haven't seen MobX.dart, check it out. In combination with Provider, it's PFM (Pure Flutter Magic). I use it when I build anything real. #recommended #Flutter
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 ! 👌
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.
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.
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.
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.
Supported by our sponsors
Support MobX
With thanks to our past sponsors: Wunderdog · Publicis Sapient
Make room for
what you’re building.
Let MobX take care of keeping state in sync.
Get started with MobX