node package manager

react-rest-form-editor

RestFormEditor


React Form Editor for CRUD service

You have a CRUD service. I give you an editor UI.

build form by react-jsonschema-form

import RestFormEditor from 'react-rest-form-editor';
const schema = {
  title: "Todo",
  type: "object",
  required: ["title"],
  properties: {
    title: {type: "string", title: "Title", default: "A new task"},
    done: {type: "boolean", title: "Done?", default: false}
  }
};
 
const uiSchema = {
    title: {
      "ui:widget": "textarea"
    }
}
 
 
const ThumbView=(props)=><div>{props.data?props.data.title:"new"}</div>
 
class PageDemo extends React.Component {
 
    render() {
        return (
            <div className="page-demo">
                 <RestFormEditor schema={schema}
                    uiSchema={uiSchema}
                    url="/api/post"
                    keyField="_id"
                    thumbView={ThumbView}/>
            </div>
        );
    }
}
 
 
ReactDOM.render(<PageDemo/>, document.getElementById('App'));

screenshot