Стань БОГОМ Формочок | REACT HOOK FORM + ZOD

#frontend #development #react
Привіт, я Нік і ти на каналі Dev Routine!
Посилання на проект з відео: github.com/SemX74/react-hook-...
Стеж за нами в телеграмі: (Корисні пости і меми): t.me/ giZ-rijhq7BiZGEy
Дивись наш тікток: / dev.routine
Лайк та коментар, якщо відео було тобі корисно!
Таймкоди:
0:00 - Інтро
0:31 - Вступ
1:05 - Які варіанти розглянемо?
1:19 - Базовий функціонал форми реєстрації
5:00 - Підключення Zod
7:14 - Валідування повторення пароля за домогою Zod
8:49 - Створення кастомного інпута
11:38 - Хендлінг інпутів з різних бібліотек
12:57 - Використання watch() та ререндери
13:33 - Складні форми та useFieldArray()
14:55 - Пишемо форму з рецептом та інгрідієнтами
18:08 - Заключення

[@KrasNik2912]

Автор просто геніально подає інформацію. Топ контент! Дякую!

[@user-wr7wk3fg4v]

Аплодую, підписка та лайк зразу, дуже вчасно, продовжуй знімати хороші відео❤

[@vseslavr]

Дякую за класний контент! Лайк, підписка, дзвіночок)
Як щодо того, щоб зробити ультимативний гайд на react-hook-form + zod? Типу дуже складна форма з купою залежних один від одного інпутів, екзотичними складними валідаціями, асинхроннисми валідаціями, запобігання ререндерів (навіщо тоді цей watch, якщо через нього все ререндериться?), оптимізація, типізація, асинхронне завантаження даних щоб предзаповнети форму, multiple steps і т.д. ;)

[@YaroslavEx]

коментар для підтримки каналу

[@YevhenZhuchenko]

Ні, ну це підписка) Дуже класно розповідаєш, приємно слухати. Ще дуже частий кейс у формочках - умовні поля, наприклад - клацнути чекбокс, показати нове required поле.

[@itsDevRoutine]

Надзвичайно приємно, дякую💪

[@olexh2605]

Дуже хороше відео! З пропозицій розширення/покращення, в React Hook Form є можливість хендлити форму через Context API. Огортаємо бажану форму в FormProvider, створюємо компоненти для форми, у яких всередині отримуємо всі значення для реєстрації через контекст, і використовуємо їх для побудови самої форми без передачі через props кожного разу. Доволі зручний принцип оформлення, якщо дуже великий проєкт з багатьма однотипними формами

[@itsDevRoutine]

підтримую

[@AndriyNosov]

Дуже класна подача, швидко, лаконічно і без води👍

[@itsDevRoutine]

Дякую ! 🙌

[@CryptoBro7]

🔥🔥🔥

[@shroomydoteu]

Чудове відео!
Шкодую, що не побачив його півроку тому. Хочу лише додати, що було б круто, якщо наступного разу розповіси по step-форми, бо я лише додумався зі сценарієм display:none і shouldUnregister: false між кроками

[@itsDevRoutine]

Дякую🥰
Можливо запишу ще другу частину зовсім скоро!

[@john1989666]

топ!! дякую за відосики!!)

[@Shperung]

О цікавий контент

[@itsDevRoutine]

🤝

[@ValeriiLutiy]

Якщо когось бентежить літера "z", то використовуйте yup

[@itsDevRoutine]

😁

[@GazdaZuBB]

не вчи людей поганого. не "емайл", а "імейл"

[@GazdaZuBB]

і "схему" туди ж

[@itsDevRoutine]

душніла, це не урок англійської