Скачать или смотреть Advanced MultiPart Forms with RHF, Zod, Tailwind & ChatGPT

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