In this chapter, we applied a variety of techniques and concepts that we have learned over the last few chapters. Each of the two examples, form validation and page routing, presented a unique set of approaches for modeling the observable state. We also saw how to create granular observer components to enable efficient rendering of the React components.
A practical application of MobX always starts with modeling the observable state. After all, that is the data that drives the UI. The next step is to identify the actions that mutate the observables. Finally, you need to call out the side-effects and see which observables these effects depend on. This is the side effect model that's applied to real-world scenarios, manifesting in the form of the MobX triad: Observables-Actions-Reactions.
With all of the knowledge we have accumulated so far, we are now ready to go deeper into MobX, starting with Chapter 7, Special API for Special Cases.