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.
yarn add @date-io/date-fns @material-ui/core [email protected] material-ui-pickers mson mson-react typeface-roboto
- Note: this is needed as MSON and MSON-React are libraries that work in conjunction with React, Material UI and Date-IO. As such, these dependencies are peer dependencies.
- Add the following to the head section of your index.html:
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
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
See MSON for details