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

More mobx-state-tree Types: map, literal, union, and enumeration

React^16.0.0
MobX^3.0.0

Share this video with your friends

It is time to give our wishlist app some more depth. In this lesson, we will introduce the concept of groups and users. So that we can manage multiple users inside a group that can have a wishlist. Also, we will take a quick look at powerful features like union types and type discrimination.

In this lesson you will learn:

Using the type map to store data by key
Using literals to create single value types
Combining literals and unions to do type discrimination
Using Quokka as scratchpad for quick coding experiments
Using enumerations
Enumerations are just sugar for a union of literals

Course

Manage Application State with Mobx-state-tree

Alan Plum

~ 7 years ago

This is probably not the most politically appropriate example to use for unions, to be perfectly honest.