Form validation with react hook form | Tamil

React Hook Form reduces the amount of code you need to write while removing unnecessary re-renders mainly when working with forms. In this video I explained all you need to start with react-hook-form.

Join whatsapp tamil coding group: https://chat.whatsapp.com/IqbDS5cpbK5...

Learn react in tamil:    • Learn React In 30 Minutes in Tamil  
Learn redux in tamil:    • Master Redux in 40 minutes crash cour...  
react-hook-form: https://react-hook-form.com/
yup: https://www.npmjs.com/package/yup
@hookform/resolevers: https://www.npmjs.com/package/@hookfo...

⏱️ Timestamps:

00:00 - Introduction
00:58 - Usual method
03:23 - react-hook-form useForm
05:16 - register()
05:56 - handleSubmit()
08:02 - Validate fields
09:33 - formState - errors
10:30 - custom error message
14:20 - Default values
15:05 - watch()
17:28 - Schema validation
20:10 -Yup Schema
26:00 - Validate fields with schema
28:10 - custom error message with yup
33:10 - isValid
35:10 - isDirty
36:10 - Outro

#react #formvalidation #reacthookform