Manage Complex State in React Apps with MobX

28m

4.2

3153

people completed

Bookmark

Download

RSS

MobX is designed to enable building web applications with a complex data model in an intuitive and very performant manner. Using React and MobX is currently the simplest way to build component based web applications.

"Half the code, twice the fun" is how people describe MobX, or "So simple, I cannot believe it just works".

Instructor

Michel Weststrate

Michel Weststrate is a full-stack developer working at Mendix. Author of the MobX state management library and fan of React and Typescript. Loves to build things that help to get shit done.

Course content (9 lessons)

1
Sync the UI with the app state using MobX observable and observer in React
2m 31s
2
Analyze React components with MobX-React devtools
1m 36s
3
Derive computed values and manage side effects with MobX reactions
4m 50s
4
Use observable objects, arrays, and maps to store state in MobX
3m 46s
5
Use MobX actions to change and guard state
3m 1s
6
Pass observable data through props in MobX
3m 34s
7
Handle user input and asynchronous actions with MobX
4m 7s
8
Connect MobX observer components to the store with the React Provider
1m 33s
9
Write custom MobX reactions with when and autorun
3m 27s

illustration for Manage Complex State in React Apps with MobX

Start Watching

Instructor

Michel Weststrate

Michel Weststrate is a full-stack developer working at Mendix. Author of the MobX state management library and fan of React and Typescript. Loves to build things that help to get shit done.