아이디어는 크게.
상태는 단순하게.

상태가 늘 동기화되는 Dart와 Flutter 앱을 만드세요. MobX가 데이터를 필요한 곳에 자동으로 연결해 주니, 정말 중요한 일에 집중할 수 있습니다.

시작하기 예제 실행해 보기

오픈 소스. MIT 라이선스. Dart를 위해 만들었습니다.

MobX모든 것을 연결합니다

Observableitems = 1

Reaction장바구니 1

작은 변화 하나로 모든 것이 이어집니다.

전 세계 수많은 기업이 사용하고 있습니다

챙길 일은 줄이고,
만드는 일은 늘리고.

작고 읽기 쉬운 Dart 코드.
앱이 커져도 연결은 계속 동작합니다.

진실 공급원은 하나, 즐거운 기능은 여럿.

상품 페이지, 장바구니 배지, 결제 화면이 모두 같은 상태를 읽습니다. 수량을 한 번만 바꾸면 MobX가 파생 값을 모두 맞춰 줍니다.

cart.dartDart + Flutter

final quantity = Observable(1);
final total = Computed(() => quantity.value * 24);

void addItem() => runInAction(() => quantity.value++);

Widget totalLabel() => Observer(builder: (_) => Text('${total.value}'));

Observable + Computed + Action자세히 보기

라이브 예제직접 해 보세요

실제 Flutter 예제를 실행해 보세요.

실행을 누르면 Flutter 런타임을 불러옵니다.

Flutter widgets · flutter_mobx

앱 열기

작은 조각,
무궁무진한 가능성.

몇 가지 개념만 익히면 어디서나 쓸 수 있습니다.
첫 카운터부터 앱 전체가 공유하는 상태까지.

Observable

눈여겨볼 상태.

이름, 장바구니, 컬렉션. observable로 만들면 MobX가 누가 그 값을 쓰는지 추적합니다.

Action

변경은 정해진 곳에서.

값을 하나만 바꾸거나 여러 개를 한꺼번에 바꾸세요. Reaction은 action이 끝난 뒤의 상태를 봅니다.

Computed

알아서 계산되는 답.

합계, 필터링된 목록, 유효성 검사. 값을 어떻게 파생할지만 적으면 MobX가 늘 최신 값으로 유지합니다.

Reaction

변화에 맞는 반응.

초안을 저장하거나 상태 변화에 대응하세요. 읽고 있는 상태가 바뀌면 부수효과를 실행합니다.

Observer

Flutter UI와 바로 연결.

Observer 빌더 안에서 observable을 읽으세요. 의존하는 값이 바뀌면 다시 빌드됩니다.

Future와 Stream

비동기도 같은 방식으로.

요청 상태와 실시간 이벤트를 앱의 다른 부분과 같은 반응형 개념으로 관찰합니다.

첫 카운터부터
다음 큰 앱까지.

바로 시작하기 치트 시트 곁에 두기 예제로 배우기 MobX Quick Start Guide 읽기

오픈 소스로 만들고,
실제 서비스에서 씁니다.

Dart와 Flutter 커뮤니티의 일부입니다.
개발자들이 남긴 이야기를 들어 보세요.

It's like BLoC, but actually works.

Remi RousseletFlutter enthusiast, creator of the flutter_hooks, provider packages.

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

Chris SellsEx-Product Manager on the Flutter Development Experience. Enjoys long walks on the beach and various technologies.

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 ! 👌

Aloïs DenielMobile app maker in ❤️ with Flutter & Figma & Firebase | @JintoApp co-founder | @FlutterRennes

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.

Robert Felker#Minimalism | #flutter artist | github Awesome #flutter

MobX has made managing UI state a breeze. Instead of worrying about how and when we need to update UI, we just run actions and update data like we normally do in Dart and it just works! How MobX does this is pure magic!

Birju VachhaniBuilt Hyper Zones, an app to manage time zones. | @birjuvachhani

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.

Jacob MouraFounded the Brazilian community Flutterando. Creator of bloc_pattern, Slidy and flutter_modular packages.

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.

Michael BuiFlutter Enthusiast and maintainer of flutter_local_notifications and flutter_appauth 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.

Sanket SahuFounder of GeekyAnts • Creator of BuilderXio, NativeBaseIO & VueNativeIO • Speaker • Loves tea • Strums guitar

지난 후원사에도 감사드립니다: Netlify · Algolia · Wunderdog · Publicis Sapient

만들고 있는 것에
집중하세요.

상태 동기화는 MobX에 맡기세요.

MobX 시작하기

아이디어는 크게.상태는 단순하게.