React with Mobx and TypeScript course introduction

Using MobX to Isolate a React Component State

 Understand and Control Mutations with MobX Dev Tools and @action in React

Optimize Performance in a React App with MobX @computed Properties

Maintainable Application State React Class Pattern using MobX

Creating Reusable State Class Driven React Components

Test a React Applications using MobX with Jest

Develop React Applications with Mobx and TypeScript

Developing logic rich applications is becoming more and more common nowadays. The TypeScript-React combination enables a great developer experience in terms of writing understandable and refactorable HTML. However the default state management for React leaves much to be desired in terms of *simplicity* and *maintainability*. MobX can great enhance your state management developer experience as we cover in this course.

https://app.egghead.io/api/v1/lessons/react-react-with-mobx-and-typescript-course-introduction/subtitles

Instructor: [00:01] In this course, the idea we use again and again is that you can model your application logic using simple JavaScript classes, and with MobX, enable them as the beating heart of your React applications.

[00:17] We start off covering just a few basic MobX concepts of observable, action, and computed. Armed with this simple knowledge, you take a look at how you can extract the logic out of your component into well-defined state properties and mutations.

[00:39] Next, we cover how you can even use this pattern to encapsulate your complete application logic into a simple application state class. This gives you a cohesive understanding of the data flow of your entire application. Then, we'll look at how you can create reusable state class driven components that work well with application classes for things like user input.

[01:14] Finally, we even demonstrate how easy it is to test this state classes. Because MobX is transparent reactive, all you need to do is test your JavaScript classes using well-known testing patterns and strategies.

[01:35] This state class pattern has scaled well in a large number of data-rich applications that I have developed with my colleagues, and I hope you enjoy using it as much as we do. Thank you.

React with Mobx and TypeScript course introduction

Share this video with your friends

Course

Develop React Applications with Mobx and TypeScript