React Hook Form

React Hook Form

React Hooks for form state management and validation (Web + React Native)
GitHub
37.8k
Created 5 years ago, last commit 5 days ago
288 contributors
3.55k commits
Stars added on GitHub, month by month
12
1
2
3
4
5
6
7
8
9
10
11
2022
2023
Stars added on GitHub, per day, on average
Yesterday
+16
Last week
+11.4 /day
Last month
+13.0 /day
Last 12 months
+15.8 /day
Package on NPM
Monthly downloads on NPM
12
1
2
3
4
5
6
7
8
9
10
11
2022
2023
No dependencies
README

npm downloads npm npm Discord

Get started | API | Form Builder | FAQs | Examples

Features

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 number for age.</p>}
      <input type="submit" />
    </form>
  );
}

Sponsors

Thanks go to these kind and lovely sponsors!

Past sponsors

Backers

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

Contributors

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