MobX Quick Start Guide

Reading atoms at runtime

MobX also gives you the ability to see the backing atoms at runtime. Going back to our previous example of the computed description property, let's explore its dependency tree:

import { autorun, $mobx, getDependencyTree } from 'mobx';const cart = new ShoppingCart();const disposer = autorun(() => {    console.log(cart.description);});const descriptionAtom = cart[$mobx].values.get('description');console.log(getDependencyTree(descriptionAtom));

There are few details that stand out in the preceding snippet:

• MobX gives you a special symbol, $mobx, that contains a reference to the internal housekeeping structure of the observable. The cart instance maintains a map of all of its observable properties using cart[$mobx].values ...