Войти
  • 920Просмотров
  • 2 года назадОпубликованоExacode

Simple and Easiest way to Handle and Validate forms in React without Library

how to add react form validation, react form validation without library, react form validation In this video you will learn about how to add form validation in React without using any external libraries. 📦 Boilerplate code ✅ Learn how to use useEffect hook ✅ Implement infinite scrolling in React | using useEffect and useState | EASIEST way ✅ How to Use the useFetch Hook for Data Fetching | useFetch hook | React Custom Hooks ✅ How to Refresh Data Automatically in React? | React tutorial for Beginners 📌 About this video: In this video, I will show you how you can form validation in React without using any external libraries. We will use the existing features of React and Javascript to validate forms. I'll show you a demo using controlled and uncontrolled components. ----------------------------------------------------------------------------- 🌟Contents of this video 🌟 0:00 - Introduction 0:44 - Final application demo 1:39 - Boilerplate code for Form 2:13 - Handle form using Controlled Component 5:27 - Why form validation is important? 6:54 - Adding validation to the controlled form 14:04 - Test the controlled form after adding validation 15:20 - Overview of code after adding validation in controlled form 16:40 - Showing error messages on the screen 20:10 - Pros and Cons of using Controlled components 22:31 - Add validation using Uncontrolled component 26:04 - Test the uncontrolled form after adding validation 26:52 - Overview of the code after adding validation in the uncontrolled form 28:58 - Best practices for handling forms in React 30:20 - Outro ----------------------------------------------------------------------------- 👇 Subscribe + Notification 🔔 for MORE 👇 @exacode 📌 Don't forget to like this video to see more such content, Thanks for watching!