https://github.com/react-hook-form/react-hook-form

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

dx form-builder forms react-hooks react-native reactjs typescript ux validation

Last synced: 3 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/react-hook-form/react-hook-form
• Owner: react-hook-form
• License: mit
• Created: 2019-03-05T23:47:10.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-12-05T01:22:29.000Z (7 days ago)
• Last Synced: 2024-12-06T12:38:30.531Z (6 days ago)
• Topics: dx, form-builder, forms, react-hooks, react-native, reactjs, typescript, ux, validation
• Language: TypeScript
• Homepage: https://react-hook-form.com
• Size: 27.4 MB
• Stars: 41,780
• Watchers: 170
• Forks: 2,091
• Open Issues: 60
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-react - react-hook-form - React Hooks for form state management and validation (**Awesome React** [](https://github.com/sindresorhus/awesome) / React)
• awesome-web-react - React Hook Form - Performant, flexible and extensible forms with easy to use validation. (Forms)
• awesome-list - react-hook-form - hook-form | 22590 | (TypeScript)
• awesome-react-components - react-hook-form - React hooks for form validation without the hassle. (Code Design / Form Logic)
• awesome-zod - `react-hook-form` - React Hooks for form state management and validation (Web + React Native). (Projects Using Zod)
• awesome-react-headless-components - React Hook Form - React Hooks for forms validation (Web + React Native) (Libraries)
• awesome-react - react-hook-form - React hooks for form validation without the hassle.  (UI Components / Form Components)
• awesome-react-components - react-hook-form - React hooks for form validation without the hassle. (Code Design / Form Logic)
• awesome-repositories - react-hook-form/react-hook-form
• awesome-react-native - react-hook-form - React hooks for forms validation without the hassle.  (Components / Forms)
• awesome-react - react-hook-form - Performant, flexible and extensible forms with easy to use validation
• awesome-github-star - react-hook-form - hook-form | 36904 | (TypeScript)
• awesome-react-components - react-hook-form - React hooks for form validation without the hassle. (Code Design / Form Logic)
• awesome-fe-resources - react-hook-form
• awesome-react-cn - react-hook-form - React Hooks for forms validation (Uncategorized / Uncategorized)
• awesome - react-hook-form/react-hook-form
• awesome - react-hook-form/react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native) (TypeScript)
• awesome-starred-test - react-hook-form/react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native) (TypeScript)
• awesome-star-libs - react-hook-form / react-hook-form - hook表单 (目录)
• awesome-react-native - redux-hook-form ★2700 - React hooks for form validation without the hassle. (Web and Native) (Components / Forms)
• awesome-react - react-hook-form - React Hooks for forms validation (Web + React Native) ` 📝 2 days ago` (React [🔝](#readme))
• awesomeLibrary - react-hook-form
• awesome-react-hooks - react-hook-form - 📋 React Hooks for forms validation (Web + React Native) (Packages)
• awesome - react-hook-form/react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native) (TypeScript)
• awesome - react-hook-form - 📋 React hooks for forms validation without the hassle. (TypeScript)
• awesome-react-native - redux-hook-form ★2700 - React hooks for form validation without the hassle. (Web and Native) (Components / Forms)
• awesome - react-hook-form/react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native) (TypeScript)
• best-of-react - GitHub - 0% open · ⏱️ 06.06.2024): (Input Components)
• awesome-learning-resources - react-hook-form - React Hooks for forms validation (Uncategorized / Uncategorized)
• fucking-awesome-react-components - react-hook-form - React hooks for form validation without the hassle. (Code Design / Form Logic)
• StarryDivineSky - react-hook-form/react-hook-form

README

        


        

            

        





[![npm downloads](https://img.shields.io/npm/dm/react-hook-form.svg?style=for-the-badge)](https://www.npmjs.com/package/react-hook-form)

[![npm](https://img.shields.io/npm/dt/react-hook-form.svg?style=for-the-badge)](https://www.npmjs.com/package/react-hook-form)

[![npm](https://img.shields.io/npm/l/react-hook-form?style=for-the-badge)](https://github.com/react-hook-form/react-hook-form/blob/master/LICENSE)

[![Discord](https://img.shields.io/discord/754891658327359538.svg?style=for-the-badge&label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/yYv7GZ8)





  Get started | 

  API |

  Form Builder |

  FAQs |

  Examples



### Features

- Built with performance, UX and DX in mind

- Embraces native HTML form [validation](https://react-hook-form.com/get-started#Applyvalidation)

- Out of the box integration with [UI libraries](https://codesandbox.io/s/react-hook-form-v7-controller-5h1q5)

- [Small size](https://bundlephobia.com/result?p=react-hook-form@latest) and no [dependencies](./package.json)

- Support [Yup](https://github.com/jquense/yup), [Zod](https://github.com/colinhacks/zod), [AJV](https://github.com/ajv-validator/ajv), [Superstruct](https://github.com/ianstormtaylor/superstruct), [Joi](https://github.com/hapijs/joi) and [others](https://github.com/react-hook-form/resolvers)

### Install

    npm install react-hook-form

### Quickstart

```jsx

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

function App() {

  const {

    register,

    handleSubmit,

    formState: { errors },

  } = useForm();

  return (

     console.log(data))}>

      

      

      {errors.lastName && 
Last name is required.
}

      

      {errors.age && 
Please enter number for age.
}

      

    

  );

}

```




  



### Sponsors

Thanks go to these kind and lovely sponsors!



    





    





    





    





    





    





    





    





    





    



### Past sponsors



  





    





    





    





  





    





    





    





    





    





    





    





    



### Backers

Thanks go to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].



    



### Contributors

Thanks go to these wonderful people! [[Become a contributor](CONTRIBUTING.md)].