Demo.mp4

Get started | API | Examples | Demo | Form Builder | FAQs

Features

• Built with performance, UX and DX in mind
• Embraces native HTML form validation
• Out of the box integration with UI libraries
• Small size and no dependencies
• Support Yup, Zod, AJV, Superstruct, Joi, Vest, class-validator, io-ts, nope and custom build

Install

npm install react-hook-form

Quickstart

importReactfrom'react';import{useForm}from'react-hook-form';functionApp(){const{
register,
handleSubmit,formState: { errors },}=useForm();constonSubmit=(data)=>console.log(data);return(<formonSubmit={handleSubmit(onSubmit)}><input{...register('firstName')}/><input{...register('lastName',{required: true})}/>{errors.lastName&&<p>Last name is required.</p>}<input{...register('age',{pattern: /\d+/})}/>{errors.age&&<p>Please enter number for age.</p>}<inputtype="submit"/></form>);}

Sponsors

Thanks go to these kind and lovely sponsors (companies and individuals)!

Backers

Thanks go to all our backers! [Become a backer].

Contributors

Thanks go to these wonderful people! [Become a contributor].

Helpers

Thank you for helping and answering questions from the community.

Organizations

Thanks go to these wonderful organizations! [Contribute].