Managing our state with MobX

MobX is a library which makes state management simple and scalable by transparently applying functional reactive programming. The philosophy behind MobX is very simple: anything that can be derived from the application state, should be derived automatically. This philosophy applies to UI, data serialisation and server communication. 

Lots of documentation and examples of using MobX can be found on its website https://mobx.js.org/, although we will make a small introduction in this section to fully understand our app's code in this chapter.