MobX Quick Start Guide

The Cart checkout workflow

Let's look at a use-case where we can see the route change (navigation) as a MobX-driven side effect. We will use the typical Cart checkout workflow as our example. As seen in the following screenshot, we start at the home route, which is the entry point of the workflow. From there, we go through the remaining steps: viewing the cart, selecting a payment option, seeing the confirmation, and then tracking the order:

We have deliberately kept the various steps visually simple. This allows us to focus more on the navigation aspect rather than the details of what happens within each step. However, there are certain elements ...