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 :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1
Source code
https://github.com/briancodex/react-form-v1
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
https://youtu.be/E1E08i2UJGI
Responsive React Website Tutorial
https://youtu.be/3nLTB_E6XAM
