@s97712/react-hook-form

Performant, flexible and extensible forms with easy to use validation.

Version 7 | Version 6

Features

• Built with performance and DX in mind
• Embrace native form validation
• Simple integration with UI libraries
• Tiny size without any dependency
• Follows HTML standard for validation
• Resolvers support Yup, Zod, Superstruct, Joi, Vest or custom

Install

npm install react-hook-form

Links

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

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')} /> {/* register an input */}
      <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 (company and individuals)!

Backers

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

Organizations

Thanks go to these wonderful organizations! [Contribute].

Contributors

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