Data Driven Forms converts JSON form definitions into fully functional React forms. It uses React Final Form for the form state management. It is highly recommended to check their documentations first to fully understand how the Data Driven Forms libraries work.

All you need is to install the form renderer and choose the component mapper you want (or create your own).

Import FormRenderer from the react-form-renderer. This component takes four required props: FormTemplate, schema, componentMapper and onSubmit. You can read about them here.

You can check the simple example below.

This article presents basics of the data driven approach and why to choose it.

This article presents basics of the data driven form building. It is a great point to start if you are new with this library.