Advanced MultiPart Forms with RHF, Zod, Tailwind & ChatGPT
Автор: Vlad Nicula
Загружено: 2023-05-01
Просмотров: 4440
Описание:
In this video I show you how I'm building multi part forms, how I used field arrays for dynamic form sections and also how ChatGPT and Github Copilot help me write boilerplate faster most of the time.
🔗 Resources
Github repo with final results: https://github.com/vladnicula/multipa...
Antd Date Picker Video: • How to use AntD's Datepicker with React Ho...
First , simpler forms video, with more in-depth explanations: • Building Great Forms with React Hook Form ...
🔗 Links
React hook form docs: https://react-hook-form.com/get-started/
Zod docs: https://github.com/colinhacks/zod
Antd React Components docs: https://ant.design/docs/react/introduce
Chapters:
00:00:00 intro
00:00:51 Project setup & ChatGPT tailwind
00:17:02 Implementation plan and overview
00:21:36 Splitting code boilerplate up
00:30:27 Basic toggling between forms
00:40:38 Persisting and retrieving persisted data
00:56:46 Navigating between form parts
01:25:00 Adding field arrays
01:44:24 Adding the controlled date picker component
01:52:30 Conditional rendering & schema validation
02:06:32 Fixing the checkbox box :)
02:07:28 Testing it out
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: