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:
https://github.com/candraKriswinarto/...
🔗Link:
Vite - https://vitejs.dev/guide/#scaffolding...
Material UI - https://mui.com/material-ui/react-che...
React-Hook-Form - https://react-hook-form.com/get-start...
API - https://restcountries.com/#api-endpoi...
Regex - https://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:
https://canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: https://github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#react #programming #enjoycoding