Popularity
0.8
Stable
Activity
7.3
Declining
61
6
8

Description

React and Material-UI Rendering Layer for MSON

Monthly Downloads: 0
Programming language: JavaScript
Tags: Code Design     Form Logic     UI     React     Reactjs     Form     Material-ui     Validation    
Latest version: v1.4.0

MSON-React alternatives and similar libraries

Based on the "Form Logic" category

Do you think we are missing an alternative of MSON-React or a related project?

Add another 'Form Logic' Library

README

MSON-React

Circle CI Greenkeeper badge

UI Rendering Layer for React and Material-UI

Getting Started

Getting Started App

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.

Adding MSON-React to Your Existing React Project

  • yarn add @date-io/date-fns @material-ui/core date-fns @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: 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

More info

See MSON for details