Why LetsForm?

Using a LetsForm JSON form schema to create React forms is - of course - opinionated, it brings some advantages

• forget tedious boilerplate copy and paste everytime you need to add a field. No more copy and paste from old code

• build the form visually with LetsForm designer (opens in a new tab)

• based on the performant React Hook Form, no more unwanted re-renders even with complex forms

• keep visual consistency of the form, with a JSON form schema all forms are rendered in the same way across all pages, with the same margins, colors, customizations and components.

• validation (opens in a new tab) out of the box with i18n and scripting support

• multi-language (opens in a new tab) (i18n) support and automatic translations of i18n tokens (opens in a new tab)

• implement dynamic forms (opens in a new tab) with the language you love - JavaScript - and a simple set of instructions

• use form features you will certainly need in every project like splitting the form in tabs (opens in a new tab), steps (opens in a new tab), collapsible groups (opens in a new tab) or columns (opens in a new tab)

• easily switch form modes: editable, disabled, read only and plaintext (opens in a new tab) (you will never have to write form confirmation views)

• support for arrays (opens in a new tab), just define the fields of the array and you'll get the UI to add, remove and validate the items in the array

• over 30 components (opens in a new tab) with consistent behaviour and properties

• full set of helpers (opens in a new tab) to programmatically interact with JSON form schemas

• toolchain to organize your forms in projects (opens in a new tab) with versioning (opens in a new tab) and integration with GitHub (opens in a new tab), NPM (opens in a new tab) or your repository (opens in a new tab)

• leverage ready-to-use and useful form templates (opens in a new tab) (like cascading drop downs of all countries and provinces in all languages or credit card with validation)

• JSON forms can be created programmatically, for example in those use cases where a form is defined after introspection of a data scheme (database table, GraphQL schema, etc.)

• standalone and open source component, no connections with third party servers, the LetsForm engine it's free forever