YoVDO

Manage Application State with Mobx-state-tree

Offered By: egghead.io

Tags

React Courses Data Modeling Courses Local Storage Courses

Course Description

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

Related Courses

A Day in the Life of a Data Engineer
Amazon Web Services via AWS Skill Builder
Amazon DynamoDB Data Modeling
A Cloud Guru
Amazon DynamoDB Deep Dive
A Cloud Guru
MongoDB Deep Dive
A Cloud Guru
Microsoft Power BI: Advanced Data Analysis and Visualisation
Cloudswyft via FutureLearn