react-hook-form
4.7/5183
react-hook-form
npm i react-hook-form
react-hook-form

react-hook-form

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

by react-hook-form

7.34.2 (see all)License:MITTypeScript:Built-InCategories:React Forms, React Validation
npm i react-hook-form
Readme

https://user-images.githubusercontent.com/10513364/152621466-59a41c65-52b4-4518-9d79-ffa3fafa498a.mp4

npm downloads npm npm Discord

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

Features

Install

npm install react-hook-form

Quickstart

import React from 'react';
import { useForm } from 'react-hook-form';

function App() {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm();
  const onSubmit = (data) => console.log(data);

  return (
    <form onSubmit={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>}
      <input type="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].

4.7/ 5
183
Rate
5
146
4
28
3
5
2
1
1
3
Great Documentation47
Easy to Use40
Performant40
Highly Customizable30
Bleeding Edge25

Downloads/wk

2.2M

GitHub Stars

30K

LAST COMMIT

5mos ago

MAINTAINERS

1

CONTRIBUTORS

211

OPEN ISSUES

1

OPEN PRs

9
VersionTagPublished
7.34.2
latest
3d ago
7.34.0-next.0
next
1mo ago
8.0.0-alpha.4
beta
4mos ago