Best current libraries for complex forms?

• Yup

  113 22,166 7.1 TypeScript

  Dead simple Object schema validation

In a current project for work I'm using react-final-form plus Yup for validation, final-form-arrays for the arrays stuff and final-form-set-field-data to add warnings. Other features - multipage, dependencies, side-effects, we've coded our own components based on the final-form examples. It generally works, but it's a lot of moving parts. I was wondering what the current state of the art was with other form libraries and if there were other solutions that were worth considering?

• react-final-form

  28 7,341 1.3 JavaScript

  🏁 High performance subscription-based form state management for React

  

In a current project for work I'm using react-final-form plus Yup for validation, final-form-arrays for the arrays stuff and final-form-set-field-data to add warnings. Other features - multipage, dependencies, side-effects, we've coded our own components based on the final-form examples. It generally works, but it's a lot of moving parts. I was wondering what the current state of the art was with other form libraries and if there were other solutions that were worth considering?

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-final-form-arrays

  1 204 0.0 JavaScript

  A component for rendering and editing arrays 🏁 React Final Form

  

In a current project for work I'm using react-final-form plus Yup for validation, final-form-arrays for the arrays stuff and final-form-set-field-data to add warnings. Other features - multipage, dependencies, side-effects, we've coded our own components based on the final-form examples. It generally works, but it's a lot of moving parts. I was wondering what the current state of the art was with other form libraries and if there were other solutions that were worth considering?

• final-form-set-field-data

  1 39 0.0 JavaScript

  Mutator for setting arbitrary metadata on fields in 🏁 Final Form

  

In a current project for work I'm using react-final-form plus Yup for validation, final-form-arrays for the arrays stuff and final-form-set-field-data to add warnings. Other features - multipage, dependencies, side-effects, we've coded our own components based on the final-form examples. It generally works, but it's a lot of moving parts. I was wondering what the current state of the art was with other form libraries and if there were other solutions that were worth considering?

• react-hook-form

  210 39,433 9.0 TypeScript

  📋 React Hooks for form state management and validation (Web + React Native)

  

Have you tried react-hook-form? I've been using it on the projects that I've worked this year and I can say it's pretty neat. It works great with validation libraries like Yup. It's considered the most efficient one in matter of speed and it's built using hooks! Also it has a very nice documentation https://react-hook-form.com/

• formik

  25 26,390 9.0 TypeScript

  Discontinued Build forms in React, without the tears 😭 [Moved to: https://github.com/formium/formik] (by jaredpalmer)

  

Formik is pretty good.

Suggest a related project