React Hook Forms | #33 React Course

Опубликовано: 14 Октябрь 2024
на канале: Code with Sloba
965
29

In this video, I'll show you how to use React Hook Form library and how you can easily manage your Forms.

🧿 I discussed:

✔️ How to register your form fields with react-hook-form library
✔️ How to handle form submissions
✔️ How to use default values in forms
✔️ How to add type definitions to forms
✔️ How to handle form errors
✔️ How to add basic and advanced form validation (Yup)
✔️ How to render form values
✔️ How to integrate with third-party libraries such as MUI into react-hook-form


0:00 Intro
0:45 Registering form fields
3:03 Handling submit
4:54 Default values
5:58 Basic form validation
6:58 Error handling
8:03 Rendering form values
8:41 Integrating MUI
11:44 Integrating advanced form validation (Yup)
18:00 Outro

************************************************************
Previous Video:    • React File and Folder Structure | #32...  
Next video:    • React Query Tutorial | #34 React Course  
Full series    • Full React Course  
************************************************************

👉 Patreon:
✔️   / codewithsloba  

👉 Become a better developer with 2 minutes a day:
✔️https://codewithsloba.com

👉 Linkedin:
✔️   / slobodan-gajic  

👉 Instagram:
✔️  / codewithsloba