MSON
MSON-React
| MSON | MSON-React | |
|---|---|---|
| 2 | 1 | |
| 470 | 80 | |
| - | - | |
| 4.0 | 0.0 | |
| 4 months ago | about 1 year ago | |
| JavaScript | JavaScript | |
| Apache License 2.0 | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
MSON
- MSON Lang: Generate an App from JSON
-
How to autogenerate forms in React and Material-UI with MSON
const definition = { component: "Form", fields: [ { name: "heading", component: "Text", text: "# Form using [MSON](https://github.com/redgeoff/mson)" }, { name: "fullName", component: "PersonFullNameField", required: true }, { name: "birthday", component: "DateField", label: "Birthday", required: true }, { name: "phone", component: "PhoneField", label: "Phone" }, { name: "submit", component: "ButtonField", label: "Submit", type: "submit", icon: "Send" } ] };
MSON-React
-
How to autogenerate forms in React and Material-UI with MSON
That’s it!? Yup! The mson-react layer automatically knows how to render the form component. It uses pub/sub and Pure Components to keep the rendering up-to-date.
What are some alternatives?
react-jsonschema-form - A React component for building Web forms from JSON Schema.
markdown-here - Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
formik - Build forms in React, without the tears 😭 [Moved to: https://github.com/jaredpalmer/formik]
SurveyJS - Free Open-Source JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout that lets you load and run multiple web forms, or build your own self-hosted form management system, retaining all sensitive data on your servers. You have total freedom of choice as to the backend, because any server + database combination is fully compatible.
JSONForms - Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
data-driven-forms - React library for rendering forms.
redux-form - A Higher Order Component using react-redux to keep form state in a Redux store
react-final-form - 🏁 High performance subscription-based form state management for React