MobX Quick Start Guide

Creating shallow observables with @observable.shallow

This decorator prunes the observability to just the first level of the data, also called one-level-deep observation, and is particularly useful for observable arrays and maps. In the case of arrays, it will monitor a reference change (for example, assigning a new array) of the array itself, and the addition and removal of items in the array. If you have items in the array that have properties, they would not be considered in the shallow observation. Similarly, for maps, only the addition and removal of keys is considered, along with the reference change of the map itself. Values of the keys in the observable map are left as-is and not considered for observation.

The following snippet ...