MobX Quick Start Guide

Crafting the Observable Tree

Defining the reactive model of your application is usually the first step when working with MobX and React. We know very well that this is all in the realm of the following:

• Observables, which represent the application state
• Actions, which mutate it
• Reactions, which produce side effects by observing the changing observables

When defining the observable state, MobX gives you various tools to carefully control observability. In this chapter, we will explore this side of MobX and take a deeper look at crafting the observable tree.

The topics that will be covered in this chapter are the following:

• The shape of data
• Controlling observability with various decorators
• Creating computed properties
• Modeling MobX stores ...