MobX is AWESOME. It makes React.js programming fun and it...just...works. Get the code here:
GET THE CODE:
THERE ARE 2 BRANCHES: "master" for where we end up and "start" for where we start.
MobX builds on the concept of observable values. When React observes a value, it can automatically update the UI whenever the value changes. This makes programming with MobX and Reactjs extremely simple.
Now, you simply add @observable to your MobX class and you've successfully built a MobX observable store.
To "observe" the store, you pass in a MobX store as a prop and you decorate your React component with the @observer decorator.
Voila...you're reacting to store changes in React.