Next.js, когда нужен React Hook Form
React Hook Form в Next.js нужен потому, что в какой-то момент ручное управление полями начинает стоить слишком дорого. Пока форма маленькая, с одним-двумя input, простой схемой и понятной отправкой, связки controlled state, Zod и предсказуемого form state часто достаточно. Но когда появляются blur-проверки, много полей, reset, touched, dirty, вложенные структуры и более насыщенный UX, код без отдельного инструмента быстро начинает расползаться.
Здесь RHF и становится оправданным как способ не тащить в компонент лишнюю ручную механику. Важно только не путать библиотеку с архитектурой. Контракт формы, схема валидации и формат результата всё равно должны быть ясными. RHF нужен там, где помогает удержать сложную форму в рабочем состоянии, а не там, где им просто хочется заменить обычный input.
Статья на Хабр Проект: Workbench Stepik: Next.js II: TypeScript 2026 #nextjs #typescript #reacthookform #zod #forms #validation #react #вебразработка
· 14.06
Полностью поддерживаю, сделал себе свой useForm для всех типов полей и не могу нарадоваться, хоть патчить, хоть постить. Вообще не думаю о сборке полей в датасет или формдату.
ответить
коммент удалён
· 14.06
Самописный useForm тоже ок, если проект небольшой или специфический. Если текущего решения хватает и не болит, то норм. Может потом придется дотаскивать валидацию, touched, dirty, вложенные поля через RHF. А может и нет)
ответить
ответ удалён
· 14.06
Стараюсь делать плоским, а валидацию инкапсулирую в компонентах с полями.
ответить
ответ удалён
· 14.06
Инкапсуляция валидации внутри полей вполне чистый способ держать форму плоской. Тогда и RHF может не понадобиться. Главное, чтобы правила не расползались по разным местам.
ответить
ответ удалён