Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Manage Application State with Mobx-state-tree

via egghead.io

Overview

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!

Syllabus

  • Describe Your Application Domain Using mobx-state-tree(MST) Models
  • Attach Behavior to mobx-state-tree Models Using Actions
  • Test mobx-state-tree Models by Recording Snapshots or Patches
  • Derive Information from Models Using Views
  • Render mobx-state-tree Models in React
  • Build Forms with React to Edit mobx-state-tree Models
  • Remove Model Instances from the Tree
  • Create an Entry Form to Add Models to the State Tree
  • Store Store in Local Storage
  • Restore the Model Tree State using Hot Module Reloading when Model Definitions Change
  • More mobx-state-tree Types: map, literal, union, and enumeration
  • Defining Asynchronous Processes Using Flow
  • Create Relationships in your Data with mobx-state-tree Using References and Identifiers
  • Loading Data from the Server
  • Use Volatile State and Lifecycle Methods to Manage Private State
  • Automatically Send Changes to the Server by Using onSnapshot
  • Create Dynamic Types and use Type Composition to Extract Common Functionality

Taught by

Michel Weststrate

Reviews

4.7 rating at egghead.io based on 286 ratings

Start your review of Manage Application State with Mobx-state-tree

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.