Loading...

MobX tutorial #2 - Computed Values and Nested/Referenced Observables

59,527 views

Loading...

Loading...

Transcript

The interactive transcript could not be loaded.

Loading...

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Aug 17, 2016

MobX is AWESOME. It makes React.js programming fun and it...just...works. Get the code here:
GET THE CODE:
https://github.com/learncodeacademy/r...
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.

All it takes to begin is to install mobx and mobx-react and make sure that you are transforming class properties and decorators in Babel.

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.

Loading...

Advertisement
When autoplay is enabled, a suggested video will automatically play next.

Up next


to add this to Watch Later

Add to

Loading playlists...