@s97712/react-hook-form NPM

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

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>
  );
}