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.

functional application available on StackBlitz

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.

Image for post
Image for post

See Mobx implementation in various javascript frameworks

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

Written by

DC based software agency utilizing #Javascript, #Typescript, #HTML5, #Ionicframework, #NodeJS, #Firebase to build web & mobile solutions.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store