react-hook-form/react-hook-form: 📋 React Hooks for form state management and validation (Web + React Native)

Get started | API | Form Builder | FAQs | Examples

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
Supports Yup, Zod, AJV, Superstruct, Joi and others

Install

npm install react-hook-form

Quickstart

import { useForm } from 'react-hook-form';
function App() {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm();
return (
    <form onSubmit={handleSubmit((data) => console.log(data))}>
      <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 a number for age.</p>}
      <input type="submit" />
    </form>
  );
}

Major Sponsors

| Follower24 | |---| | |

Supporting Sponsors

| Pennylane | Thanks.dev | Kinsta | Niche | Principal | Hygraph | |---|---|---|---|---|---| | | | | | | |

Past Sponsors

Thank you to our previous sponsors for your generous support!

| | | | | | | | | | | |--------|--------|--------|--------|--------|--------|--------|--------|--------|--------| | | | | | | | | | | | | | | | | | | | | | |