Getting Started With React.js, Babel 7, Webpack 4, and MobX 5

I used to use Redux for application state management, but due to complex code patterns and a lot of boilerplate code, it was not friendly to me at all. Recently, I’ve started exploring MobX. MobX is a clean and handy framework for state management. All my recent development efforts have been with MobX.
Getting my first project set up with the latest versions of MobX 5, I found some difficulties in packaging and wiring everything together with MobX decorators or annotations. Finally, I was able to resolve the issues and thought of sharing my experience in a blog post.