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

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity