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.
[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: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.