There are several great libraries to create forms in React Native. You may already be familiar with the popular Formik library, but React Hook Form is a more relatively new, modern approach to form building and validation using hooks. This video will help you understand the all powerful useForm hook from the library.
Follow along with the initial code here: https://github.com/cheetahcoding/Reac...
00:55 - Overview
01:41 - looking at useful props in the useForm hook
04:10 - Connecting inputs to the form using the Controller component
07:12 - Handling form submission with the handleSubmit function
08:42 - Updating the form state as the input text changes
10:00 - Watching form fields using 'watch' function and 'watch' hook
13:12 - Resetting the form
14:16 - Using form resolvers (with Yup) to validate a form.
19:20 - Monitoring form errors and displaying error messages for the user
24:20 - Changing the validation mode to only validate on submit
26:57 - Disabling the button if the form is invalid
30:01 - Changing the button color if the form is invalid
⚡Connect on Facebook: / cheetahcoding
⚡Connect on Twitter: / cheetahcoding
Music by www.bensound.com