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 для нестандартных компонентов.