Forms | react.framework.dev

Libraries

6
logo

Formik

Formium

Build forms in React, without the tears. Formik takes care of the repetitive and annoying stuff—keeping track of values/errors/visited fields, orchestrating validation, and handling submission—so you don't have to. This means you spend less time wiring up state and change handlers and more time focusing on your business logic.
Formik GitHub RepositoryFormik NPM PackageFormik Bundle Size Stats

logo

Formsy React

The Formsy Authors

christianalfoni wrote an article on forms and validation with React, Nailing that validation with React JS, the result of that was this library. The main concept is that forms, inputs, and validation are done very differently across developers and projects. This React component aims to be that “sweet spot” between flexibility and reusability.
Formsy React GitHub RepositoryFormsy React NPM PackageFormsy React Bundle Size Stats

logo

React Final Form

Erik Rasmussen

High performance, zero-dependency subscription-based form state management for React
React Final Form GitHub RepositoryReact Final Form NPM PackageReact Final Form Bundle Size Stats

logo

React Hook Form

Beier (Bill) Luo

Performant, flexible and extensible forms with easy-to-use validation. React Hook Form reduces the amount of code you need to write while removing unnecessary re-renders.
React Hook Form GitHub RepositoryReact Hook Form NPM PackageReact Hook Form Bundle Size Stats

logo

Redux Form

Erik Rasmussen

Manage your form state in Redux. This library is largely deprecated in favor of React Final Form.
Redux Form GitHub RepositoryRedux Form NPM PackageRedux Form Bundle Size Stats

logo

Remix

Remix

Remix is a full stack web framework (from the creators of React Router) that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience.
Remix GitHub RepositoryRemix NPM PackageRemix Bundle Size Stats