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 course | ...
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