Create Signup Form with Validation | React-Hook-Form & Yup

Create signup form with material ui and integrate with react-hook-form, we also learn how to add validation with yup.
👨‍💻Code:
github.com/candraKriswinarto/...
🔗Link:
- Vite - vitejs.dev/guide/#scaffolding...
- Material UI - mui.com/material-ui/react-che...
- React-Hook-Form - react-hook-form.com/get-start...
- API - restcountries.com/#api-endpoi...
- Regex - gist.github.com/candraKriswin...
Timestamps:
0:00 - Intro
00:07 - Demo
02:19 - Setup react app with Vite
05:10 - Install & setup Material UI
06:33 - RegisterForm Component
11:28 - TextFields Component
14:58 - How to add Adornment into TextField
17:28 - SelectFields Component
21:35 - CheckboxFields Component
23:25 - Button Component
24:25 - Install & Setup react-hook-form
26:40 - How to integrate material ui with react-hook-form
40:08 - How to add validation with yup
45:46 - How to show error message
54:50 - Done
👋🏻Contact Me:
canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#react #programming #enjoycoding

[@CodeWithDesign]

👏👏 excelent...

[@cemtatli]

Thank you brother

[@manoj-bt1oh]

Nice video keep rock it

[@Pareshbpatel]

Great Tutorial on creating a react-hook -form with MUI. Thanks. {2003-03-19}

[@CandDev]

Thanks. It's should be 2023 i think😁

[@the_alpha_phoenix]

great video. Thank you ver much ❤🔥. But how do we make the phone number country code dynamic when a user is entering the phone number.

[@MusicMan121]

It's a useful tutorial, but you really need to get rid of the "ok?". It's extremely annoying and you use it every two seconds. Just constructive critizism. Other than that, great job.

[@CandDev]

Oh yeah, I didn't even realize that I was saying that multiple times. Thanks for the comment