Using Latest Version of Mobx with React JS
A simple create-react-app project showing how to use #mobx for state management in a react js application.
We have used Material-UI which are a set of React components that implement Google’s Material Design. We used Mobx for state management as an alternative to redux. We believe they are both great libraries but wanted to highlight the simplicity and lack of boilerplate code that is adds to the efficiency of Mobx.
MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP). The philosophy behind MobX is very simple:
Anything that can be derived from the application state, should be derived. Automatically.
which includes the UI, data serialization, server communication, etc.
We are working on a series of workshops to expose individuals to the three popular javascript frameworks; React, Vue and Angular. Please follow us on social media for updates and information when the workshops will be held.
See Mobx implementation in various javascript frameworks
- React https://stackblitz.com/edit/react-mobx-take-2
- Vue https://github.com/aaronksaunders/mobx-vue-cli-example
- Angular https://stackblitz.com/edit/ionic-v3mwd5
Mobx Without Decorators
We found that exporting the project from StackBlitz, we lost decorator support. We have created a new project hosted on Github that has the same application running without decorators.
More information on running mobx without decorators can be found on their website
