React Form Validation Using Custom Hooks Tutorial - Beginner React JS Project

Published: 31 August 2020
on channel: Brian Design
176,665
3k

Learn how to build a simple form in React with validation using custom hooks in this beginner React JS Project tutorial. We will only build the frontend for this form and display a simple error message if the inputs are not correct. Feel free to refactor the code and add this design to a backend or firebase.

If you want to follow me along my coding journey, be sure to subscribe :)
   / @briandesign  

Source code
https://github.com/briancodex/react-f...

Timeline:
0:00 React form we're building
1:13 Creating React App
4:00 Creating Project Files
6:55 Editing FormSignup Component
13:51 Creating Custom useForm hook
22:07 Creating Validation Code
28:57 Displaying Error Messages
32:48 Creating Submit Form Function
35:24 Display Success after submitting
38:58 Adding the CSS
41:30 Submit only if zero errors

React Todolist App Tutorial
   • React Todo List App Tutorial - Beginner Re...  

Responsive React Website Tutorial
   • React Website Responsive Tutorial - Beginn...  


On this page of the site you can watch the video online React Form Validation Using Custom Hooks Tutorial - Beginner React JS Project with a duration of hours minute second in good quality, which was uploaded by the user Brian Design 31 August 2020, share the link with friends and acquaintances, this video has already been watched 176,665 times on youtube and it was liked by 3 thousand viewers. Enjoy your viewing!