MobX Quick Start Guide

Observable state

We will start with a class, WishListStore, to track all the details of the wishlist feature. This is our feature-level-store that contains the observable state for the entire feature. Based on the description we saw earlier, let's distill the core observable state:

• An array of wishlists, where each item is an instance of a WishList class
• The WishList has a name and contains an array of WishListItem instances
• Each WishListItem has a title and a boolean purchased property

An interesting thing to note here is that we have extracted some vocabulary from the earlier description. This includes WishListStore, WishList, and WishListItem, which form the backbone of our feature. Identifying this vocabulary is the hard part and can ...