Description
For more info about the seed app, please see the corresponding README file of the seed repo. For a more detailed tutorial about the usage of JSON Forms, please see this tutorial.
JSONForms alternatives and similar libraries
Based on the "Form Logic" category.
Alternatively, view JSONForms alternatives based on common mentions on social networks and blogs.
-
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. -
redux-form
A Higher Order Component using react-redux to keep form state in a Redux store -
Formily
π±π 𧩠Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3 -
react-final-form
π High performance subscription-based form state management for React -
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. -
winterfell
Generate complex, validated and extendable JSON-based forms in React. -
react-validation-mixin
Simple validation mixin (HoC) for React. -
formcat
A simple and easy way to control forms in React using the React Context API -
Table of Contents
forml - extensible react json schema form generator -
react-client-validation
Simple and super lightweight validation for React. -
@mozartspa/mobx-react
High performance, hook-based forms library for React, powered by MobX.
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
Do you think we are missing an alternative of JSONForms or a related project?
README
JSON Forms - More Forms. Less Code
Complex forms in the blink of an eye
Documentation
Please see the official JSON Forms website, jsonforms.io, for documentation, examples and API references.
Getting started
- Clone the seed app with
git clone https://github.com/eclipsesource/jsonforms-react-seed.git
- Install dependencies with
npm ci
- Run the app with
npm run start
For more info about the seed app, please see the corresponding README file of the seed repo. For a more detailed tutorial about the usage of JSON Forms, please see this tutorial.
Upgrading to JSON Forms 3.0
With version 3.0 of JSON Forms we removed json-schema-ref-parser
from the core package.
This change only affects users of the React variant (Vue and Angular are not affected) and even for React only a few users will need to adjust their code.
To avoid issues and for more information, please have a look at our migration guide.
Feedback, Help and Support
If you encounter any problems feel free to open an issue on the repo. For questions and discussions please use the JSON Forms board. You can also reach us via email. In addition, EclipseSource also offers professional support for JSON Forms.
Developers Documentation
First time setup
- Install node.js (only Node 14 and npm 6 is currently supported)
- Clone this repository
- Install dependencies:
npm ci
- Hook up dependencies between packages:
npm run init
VS Code dev container
As an alternative to the first time setup, you can use the provided VS Code dev container configured in [devcontainer.json](.devcontainer/devcontainer.json).
- Execute command:
Remote Containers: Reopen in container
- Wait until the container is built and loaded
- First time setup and an initial build of all packages has been executed in the container
Build & Testing
- Build (all packages):
npm run build
- Test (all packages):
npm run test
- Clean (delete
dist
folder of all packages):npm run clean
- Run React Vanilla examples:
cd packages/vanilla && npm run dev
- Run React Material examples:
cd packages/material && npm run dev
- Run Angular Material examples:
cd packages/angular-material && npm run dev
- Run Vue Vanilla dev setup:
cd packages/vue/vue-vanilla && npm run serve
Dependency & Release management
For more info about how we handle dependencies and releases in the JSON Forms project, please see our Developer Documentation wiki page.
Continuous Integration
The JSON Forms project is built and tested via Github actions on Linux, Mac and Windows. Coverage is documented by Coveralls.
License
The JSON Forms project is licensed under the MIT License. See the LICENSE file for more information.
Migration
See our migration guide when updating JSON Forms.
*Note that all licence references and agreements mentioned in the JSONForms README section above
are relevant to that project's source code only.