1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    React with Mobx and TypeScript course introduction

    Basarat Ali SyedBasarat Ali Syed
    reactReact
    mobxMobX
    typescriptTypeScript

    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.

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Transcript

    Transcript

    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.

    Discuss

    Discuss