React MobX – On The Fast Lane

A practical guide to State Management in React.

Learn MobX on the fast lane!
The most practical guide to learn MobX the fast way.

What you’ll learn

  • Learn the concepts behind MobX.
  • How to use MobX in your React application.
  • Learn when to use MobX.
  • Learn how MobX integrates with the React Context API.
  • Learn how to test MobX stores using Jest.
  • Learn how to debug MobX stores.
  • Learn a basic architecture and how to keep your components testable.
  • Learn when not to use MobX and what to use instead.

Course Content

  • Introduction –> 5 lectures • 7min.
  • Basics –> 3 lectures • 9min.
  • MobX Theoretical Foundation –> 3 lectures • 18min.
  • Get your feet wet: Simple Todo App Example to Setup a reactive MobX store –> 8 lectures • 45min.
  • MobX Practical Foundation –> 5 lectures • 13min.
  • MobX Core Functions –> 8 lectures • 41min.
  • Testing Stores –> 2 lectures • 14min.
  • Debugging MobX –> 4 lectures • 16min.
  • Small Project –> 14 lectures • 1hr 1min.
  • Outro –> 1 lecture • 3min.

React MobX - On The Fast Lane

Requirements

  • Basic HTML / CSS.
  • Basic JS / TS (events, fetch API, lambda functions, basic array functions).
  • Basic React skills (Functional Components, Hooks, Context API Basics).
  • Optional: Basic Git commands.
  • Optional: Working with VSCode and the Terminal.

Learn MobX on the fast lane!
The most practical guide to learn MobX the fast way.

This course is for you if you …

  • … are looking for new ways to manage state in React.
  • … want to learn more about MobX.
  • … already know something about MobX, but you feel that something is missing.

This course contains two implementation examples for state management in React using MobX and other solutions.

After this course, I want you to be able to plan application state in React. For that, we need to look at more complete examples. So, instead of merely learning when to use MobX you will also learn when not to use it and what to use instead. This is important to understand where MobX has its place in the React ecosystem.

I want to enable you to think differently about state and how to manage it. This course is more than just another tutorial on MobX. It is a practical guide to state management. I will tell you about common implementation errors in MobX and how to overcome them.

On top of all that, we will also take a look at how to debug and test state in React.

To sum up, after taking this course you will learn about the following things:

  • When and how to manage state in React.
  • How MobX works behind the scenes.
  • Understand and use the MobX core API (observables, actions, computeds, and reactions).
  • Connect MobX with the React Context API.
  • Understand and debug performance issues.
  • Testing stores.

You can download all the code examples and additional resources, like a cheat sheet for MobX.

Get Tutorial