How Duolingo Plans to Reach 100M Users

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

egghead.io

Manage Complex State in React Apps with MobX

via egghead.io

Go to class Write review
DataCamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More → CodeSignal Ad

Learn Generative AI, Prompt Engineering, and LLMs for Free

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
MobX is designed to enable building web applications with a complex data model in an intuitive and very performant manner. Using React and MobX is currently the simplest way to build component based web applications.
"Half the code, twice the fun" is how people describe MobX, or "So simple, I cannot believe it just works".

Syllabus

  • Sync the UI with the app state using MobX observable and observer in React
  • Sync the UI with the app state using MobX observable and observer in React
  • Sync the UI with the app state using MobX observable and observer in React
  • Analyze React components with MobX-React devtools
  • Derive computed values and manage side effects with MobX reactions
  • Use observable objects, arrays, and maps to store state in MobX
  • Use MobX actions to change and guard state
  • Pass observable data through props in MobX
  • Handle user input and asynchronous actions with MobX
  • Connect MobX observer components to the store with the React Provider
  • Write custom MobX reactions with when and autorun
  • Analyze React components with MobX-React devtools
  • Analyze React components with MobX-React devtools
  • Derive computed values and manage side effects with MobX reactions
  • Derive computed values and manage side effects with MobX reactions
  • Use observable objects, arrays, and maps to store state in MobX
  • Use observable objects, arrays, and maps to store state in MobX
  • Use MobX actions to change and guard state
  • Use MobX actions to change and guard state
  • Pass observable data through props in MobX
  • Pass observable data through props in MobX
  • Handle user input and asynchronous actions with MobX
  • Handle user input and asynchronous actions with MobX
  • Connect MobX observer components to the store with the React Provider
  • Connect MobX observer components to the store with the React Provider
  • Write custom MobX reactions with when and autorun
  • Write custom MobX reactions with when and autorun

Taught by

Michel Weststrate

Reviews

Start your review of Manage Complex State in React Apps with MobX

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.