Manage Application State with Mobx-state-tree

1h 19m

4.7

835

people completed

Bookmark

Download

RSS

MobX State Tree (MST) is a library that helps you organize your application states in a very structured manner. It allows you to create a component model, but for your data!

Course instructor Michel Weststrate—creator of Mobx—will teach you to model application state after your problem domain with MST. You will get hands-on practice and see how MST lets you solve problems with its out-of-the-box support for asynchronous actions, patches, snapshots, and middleware.

Over the 17 lessons, you’ll build a little bookshop application using React, MST, and create-react-app, while learning how to manage the lifecycle of your data by describing data models.

Join Michel in one of the most popular courses on egghead!

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 (17 lessons)

1
Describe Your Application Domain Using mobx-state-tree(MST) Models
7m
2
Attach Behavior to mobx-state-tree Models Using Actions
4m 50s
3
Test mobx-state-tree Models by Recording Snapshots or Patches
6m 1s
4
Derive Information from Models Using Views
3m 53s
5
Render mobx-state-tree Models in React
4m 52s
6
Build Forms with React to Edit mobx-state-tree Models
7m 29s
7
Remove Model Instances from the Tree
2m 27s
8
Create an Entry Form to Add Models to the State Tree
2m 36s
9
Store Store in Local Storage
2m 37s
10
Restore the Model Tree State using Hot Module Reloading when Model Definitions Change
4m 34s
11
More mobx-state-tree Types: map, literal, union, and enumeration
5m 39s
12
Defining Asynchronous Processes Using Flow
5m 51s
13
Create Relationships in your Data with mobx-state-tree Using References and Identifiers
5m 48s
14
Loading Data from the Server
2m 56s
15
Use Volatile State and Lifecycle Methods to Manage Private State
4m 40s
16
Automatically Send Changes to the Server by Using onSnapshot
2m 16s
17
Create Dynamic Types and use Type Composition to Extract Common Functionality
5m 37s

illustration for Manage Application State with Mobx-state-tree

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.