intermediate

React Hook Form

Используйте регистрацию uncontrolled inputs, schema resolvers и точечные rerender для больших форм.

React Hook Form регистрирует uncontrolled-поля через refs, валидирует по запросу и снижает число render по сравнению с controlled state на каждый символ в больших формах. `register` подключает поля; `handleSubmit` запускает валидацию и ваш обработчик отправки.

Schema resolver (Zod, Yup) даёт общую клиентскую и серверную валидацию. `Controller` связывает controlled-виджеты сторонних библиотек. `watch` выбранных полей нужен для зависимого UI без перевода всех полей в controlled.

На интервью объясняйте концепцию на конкретном примере и называйте поведение, которое проверяют.

Типовые ошибки: скрывать поток данных, дробить компоненты чрезмерно и выполнять побочные эффекты в render.

Компромисс часто между ясностью и переиспользованием или между явными props и удобством.

Чеклист:

  • Регистрируйте нативные поля ради производительности.
  • Resolver для схемной валидации.
  • Controller для нестандартных компонентов.