Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright © 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. React
  3. Manage Application State with Mobx-state-tree
React / MobX
Video

Manage Application State with Mobx-state-tree

by Michel Weststrate
Enroll
🕹️ Levels: 😎 Intermediate
⏳ Duration: 1.5 hours
🤑 Price: Free
🧑‍💻 Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Understanding how to describe application domain using mobx-state-tree (MST) models.
  • Attach behavior to models using actions.
  • Test models by recording snapshots or patches.
  • Derive information from models using views.
  • Render models in React.
  • Build forms to edit models.
  • Create relationships in data using references and identifiers.

👨‍🏫 About the Course

Learn how to manage application states effectively with MobX State Tree (MST). In this course, Michel Weststrate, the creator of Mobx, will guide you through structuring your application states using MST. You will work on a bookshop application using React, MST, and create-react-app, gaining practical experience in modeling data and managing data lifecycle.

🎯 Target Audience

  • This course is suitable for developers familiar with React and state management who want to deepen their understanding of managing application states using MobX State Tree.

✅ Requirements

  • Basic knowledge of React and state management concepts is required to fully benefit from this course.

📖 Course Content

  • Learn to describe your application domain using MST models.
  • Attach behavior to models using actions.
  • Test models by recording snapshots or patches.
  • Derive information from models using views.
  • Render models in React.
  • Build forms to edit models.
  • Create relationships in data using references and identifiers.
  • Gain insights into defining asynchronous processes using flow.
Update Course

Drop a comment

Manage Application State with Mobx-state-tree by Michel Weststrate

Log in to leave a feedback

Login

👇 Psst! Interested in More React Courses?

ReactReact

Learn React lazy, memo, useState and useEffect in 7 minutes
Video

by Tomasz Łakomy

🕹️ Levels: 🌱 Beginner

⏳ Duration: 0.5 hours

🤑 Price: Subscription

🧑‍💻 Learning Platform: Egghead.io

ReactReactJotaiJotai

Manage Application State with Jotai Atoms
Video

by Daishi Kato

🕹️ Levels: 😎 Intermediate

⏳ Duration: 0.5 hours

🤑 Price: Free

🧑‍💻 Learning Platform: Egghead.io

ReactReact

Sync State Across Components with Recoil in React
Video

by Tomasz Łakomy

🕹️ Levels: 🌱 Beginner, 😎 Intermediate

🤑 Price: Free

🧑‍💻 Learning Platform: Egghead.io

🔙 Back to React Category