liform-react

Library for generating React forms from JSON schema using the fantastic redux-form.

https://limenius.github.io/liform-react/

Installation

npm install liform-react --save

Basic usage

importReactfrom'react';importReactDOMfrom'react-dom';import{createStore,combineReducers}from'redux';import{reducerasformReducer}from'redux-form';import{Provider}from'react-redux';importLiformfrom'liform-react';constreducer=combineReducers({form: formReducer})varschema={"title":"my form","properties":
{"name": {"type":"string","title":"Model","default": "Ziummmm"},"description": {"type":"string","title": "Description","widget": "textarea"}},"required":["name"]};conststore=(window.devToolsExtension ? window.devToolsExtension()(createStore) : createStore)(reducer)constshowResults=values=>{window.alert(`You submitted:\n\n${JSON.stringify(values,null,2)}`)}constdest=document.getElementById('form-holder')ReactDOM.render(<Providerstore={store}><Liformschema={schema}onSubmit={showResults}/></Provider>,dest)

And, provided that you have a <div id="form-holder">, you should see something like this:

Running the Examples

To run the examples in doc/pages/examples, clone this repository, then run:

npm install
webpack
cd doc/pages/examples/simple # (for instance)
node server.js

Material UI

There is a promising work on a theme for Material UI done by samuelbriole