UI Rendering Layer for React and Material-UI

The best way to get started with MSON is to play with the Getting Started App. In just a few lines of MSON, you'll generate an app that can list, edit, filter and sort a list of contacts. And, for extra fun, you can use Firebase to make it real-time capable.

Implementing great forms can be a real time-waster. With just a few lines of JSON, you can use MSON to generate forms that perform real-time validation and have a consistent layout.

• yarn add mson-react or npm install mson-react
• Add the following to the head section of your index.html:

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  Note: MSON-React uses font icons as the user can specify any Icon during runtime and the alternative of bundling all the icons as SVG icons would make your JS bundle huge

You may find it useful to fire up the MSON demo locally:

• $ git clone https://github.com/redgeoff/mson-react && cd mson-react && yarn install
• $ yarn start
• Visit http://localhost:3000 in a web browser

You can also run the demo with a local version of MSON, if you want to experiment with local changes to MSON:

• $ git clone https://github.com/redgeoff/mson && cd mson && yarn install && yarn compile && yarn link && cd ..
• $ git clone https://github.com/redgeoff/mson-react && cd mson-react && yarn install && yarn link mson
• $ yarn start
• Visit http://localhost:3000 in a web browser

See MSON for details