data-driven-forms
SurveyJS
data-driven-forms | SurveyJS | |
---|---|---|
4 | 1 | |
287 | 3,943 | |
0.0% | 1.1% | |
8.0 | 9.9 | |
25 days ago | 3 days ago | |
JavaScript | JavaScript | |
Apache License 2.0 | MIT License |
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.
data-driven-forms
-
Need to create a form component based on API response
Okay, what you describes called data-driven form, which means you form schema reside somewhere else. I strongly suggest using 3rd party framework such as data-driven form. It will make your life much easier.
-
Is it okay to use a json file set what fields show up in a form?
A longer answer would be yes it is ok BUT what you are doing is coming up with a Domain Specific Language (DSL) for building forms which can be an undertaking both to author and to communicate with other developers. I would suggest using React and javascript to manage the fields if possible and if not look into a library that takes on the task of making a DSL and provides documentation for it (to help communicate to other developers). I found this after a quick search https://data-driven-forms.org/
-
Introducing Material-UI component mapper for Data Driven Forms
Data Driven Forms is a open source React library that uses a data driven approach for building React forms. This approach is based on rendering JSON schemas as React forms with all needed functionality provided by the renderer. It includes features such as validation, conditional fields and many more. It helps web developers to write forms much quicker, simpler and to achieve a consistency across the whole application.
SurveyJS
-
I just released an open-source form builder built with Laravel
Check out surveyjs/survey-library for Angular. Not exactly like this one from the thread but they have a survey creator to generate a config for their front end lib.
What are some alternatives?
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]
react-jsonschema-form - A React component for building Web forms from JSON Schema.
JSONForms - Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
list.js - The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.
formily - 📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
Logical Or Not
formsy-react - A form input builder and validator for React JS
redux-form - A Higher Order Component using react-redux to keep form state in a Redux store