MobX 中文文档

Blogs, tutorials, videos

Videos

• Egghead.io course: Manage Complex State in React Apps with MobX
• LearnCode.academy MobX tutorial Part I: MobX + React is AWESOME (7m) Part II: Computed Values and Nested/Referenced Observables (12m.)
• ReactNext 2016: Real World MobX - 40m slides
• Practical React with MobX. In depth introduction and explanation to MobX and React by Matt Ruby on OpenSourceNorth (ES5 only). (slides)
• Screencast: 8 minute overview of MobX
• Understanding MobX versus Redux (related thread: https://github.com/MobXjs/MobX/issues/199)
• State Management Is Easy, React Amsterdam 2016 conf (slides)
• Transparent Reactive Programming and Mutable Data, Reactive2015 conf (slides)
• Magic MobX, RuhrJS 2016 (slides and more slides)
• Spacedojo Show - Reactive Programming with MobX
• The Quest For Immer Mutable Data, Reactive2016 conf (slides)

Tutorials

• Ten minute interactive introduction to MobX and React
• Simple ES5 MobX examples Bite sized MobX examples all setup to run in jsFiddle.
• It's all about time: Building a performant Stopwatch with MobX and React - fast
• Getting started with MobX: an easy example
• How to Test React and MobX with Jest
• Real time Chat App with OnsenUI, Horizon and MobX
• React Native With MobX - Getting Started
• MobX React: Simplified State Management in React. Tutorial on converting the SoundCloud client from React+Redux to React+MobX.
• Introducing serializr: serializing and deserializing object graphs with ease
• How to decouple state and UI (a.k.a. you don’t need componentWillMount) - data fetching, authentication, routing and testing
• Getting Started ReactJS with MobX
• Redux vs. MobX by example — Part II: The Simplicity of MobX & Conclusion - A two part tutorial, comparing Redux and MobX, by implementing them in a simple ES6 + React todo app.

Articles / blogs explaining the inner working of MobX:

• In depth explanation of MobX
• Making React reactive: the pursuit of high performing, easily maintainable React apps

Blogs

• Why we chose MobX over Redux for Spectacle Editor
• Optimising React rendering - tips to optimise rendering of a set of elements in React
• A MobX introduction and case study
• How to Manage Your JavaScript Application State with MobX
• Handling React Forms with MobX Observables
• MobX-utils: community driven utility belt for MobX
• MobX 2.2: explicit actions, controlled mutations and improved DX
• Understanding MobX and when to use it (Github issue)
• How to use MobX with create-react-app
• Simple MobX-driven modals
• Livecoding #25: Adding MobX to a vanilla React project
• Creating a multi-page form using MobX with Meteor & React
• Effective MobX patterns (Part 1)
• Effective MobX Patterns (Part 2)
• Effective MobX Patterns (Part 3)
• If not Redux then what?
• State Management & Hydration with MobX  —  We must React [Ep. 05]
• Enjoying MobX, JSX and virtual-dom. Without React!
• SurviveJS interview on MobX, React and Flux
• Pure rendering in the light of time and state
• The 2 fundamental laws of Flux and the functional reactive Flux
• Performance of observables versus immutables
• Object.observe is dead. Long live MobX.observe
• Hashnode AMA on MobX
• How I use MobX 2 in an AngularJS 1 application
• A Notification System with MobX and ReactJS
• Using MobX in Angular 1.5 todo app
• Building a React & MobX application with MVVM
• Videolog: integrate MobX with Firebase
• React form validation with MobX
• MobX Recipes - A collection of lessons learned and useful patterns using MobX

Testimonials

Want to know how people experience starting or porting projects to MobX? Besides the above listed blogs, the following threads might shed some light:

• search twitter (example)
• hacker news
• reddit
• reddit
• reddit
• reddit
• reddit
• reddit