✅ Starter Code: github.com/bwestwood11/react-hook-form-youtube-tutorial/tree/starter_code
✅ Main Code: github.com/bwestwood11/react-hook-form-youtube-tutorial/tree/main
Link to signup for newsletter and early bird access to premium course 👇
brett-newsletter.vercel.app/
In this video, we are building a multi-step job application form that utilizes the React Hook Form library.
You will be learning about the useForm hook, the useFormContext hook, the useFieldArray hook, the useWatch hook and best practices when it comes to the React Hook Form.
Using these hooks to implement a multiple step form, including custom components and validation.
This is an advanced tutorial that shows you how to create a multi-step form utilizing modern technologies.
Discord Room 👇
discord.gg/MBxfx5NyGQ
Time Stamps
0:00 Intro
1:02 What We Are Building
6:53 Clone Starter Code from GitHub Repo
9:10 Setting Up Project
11:26 Zod Schema for Form
29:26 Setting up the multi-step form
31:58 useForm Hook
36:48 Defining the steps
41:22 Start Building the Form
43:29 Multi-Step Form Controller Context
54:50 Form Header
1:03:32 Form Footer
1:08 23 Shadcn Form Components with React Hook Form
2:09:21 Outro