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...
Sur cette page du site, vous pouvez voir la vidéo en ligne React Form Validation Using Custom Hooks Tutorial - Beginner React JS Project durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Brian Design 31 août 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 176,665 fois et il a aimé 3 mille téléspectateurs. Bon visionnage!