Производительные, гибкие с возможностью расширения и простой в использовании валидацией формы.
[](https://www.npmjs.com/package/react-hook-form)
[](https://www.npmjs.com/package/react-hook-form)
[](https://bundlephobia.com/result?p=react-hook-form)
[](https://coveralls.io/github/bluebill1049/react-hook-form?branch=master)
[](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form) [](https://spectrum.chat/react-hook-form)
English | 繁中 | 简中 | 日本語 | 한국어 | Français | Italiano | Português | Español | Русский | Deutsch | Türkçe
## Особенности
- Нацелены на производительность и DX
- Применение неконтролируемой проверки форм
- Улучшение производительности контролируемых форм
- [Крошечный размер](https://bundlephobia.com/result?p=react-hook-form@latest) без каких-либо зависимостей
- Следование стандартам HTML для валидации
- Совместимость с React Native
- Поддержка [Yup](https://github.com/jquense/yup), [Joi](https://github.com/hapijs/joi), [Superstruct](https://github.com/ianstormtaylor/superstruct) и своих реализаций валидации
- Поддержка нативной браузерной валидации
- Возможность быстро создавать формы с [конструктором форм](https://react-hook-form.com/form-builder)
## Установка
$ npm install react-hook-form
## Ссылки
- [Мотивация](https://medium.com/@bruce1049/form-validation-with-hook-in-3kb-c5414edf7d64)
- [Видеоурок](https://www.youtube.com/watch?v=-mFXqOaqgZk&t)
- [Начать](https://react-hook-form.com/get-started)
- [АПИ](https://react-hook-form.com/docs)
- [Примеры](https://github.com/bluebill1049/react-hook-form/tree/master/examples)
- [Демонстрация](https://react-hook-form.com)
- [Конструктор форм](https://react-hook-form.com/form-builder)
- [ЧЗВ](https://react-hook-form.com/faqs)
## Быстрый старт
```jsx
import React from 'react';
import { useForm } from 'react-hook-form';
function App() {
const { register, handleSubmit, errors } = useForm(); // инициализация хука
const onSubmit = (data) => {
console.log(data);
};
return (
);
}
```
## Спонсоры
Спасибо всем кто поддерживает нас! [[Стать спонсором](https://opencollective.com/react-hook-form#backer)].
## Организации
Спасибо этим замечательным организациям! [[Спонсировать](https://opencollective.com/react-hook-form/contribute)]
## Участники
Спасибо этим замечательным людям! [[Стать участником](../CONTRIBUTING.md)].
