React Custom Hooks Tutorial | Form Validation

Get the best Daily Planner to maximize productivity:
Want to improve your programming skills? Make reusable custom hooks with React! Follow this tutorial for more!
#reacthooks #reactjs #webdevelopment #formvalidation #javascript

Here's the repo to accompany the video - feel free to clone and follow along!

React is the hot frontend framework of 2019 for web developers and software engineers. Advanced are being made rapidly, and with the introduction of React hooks, life has gotten so much easier with state management!

If you have 5 different forms in your app, do you really want to waste time rewriting similar stateful logic over and over again? What if you could write it once, pull it into a function, and apply it everywhere throughout your app?

Custom React hooks make your code much more readable, way less redundant, and the same functionality is achieved with less code! And it can be applied to way more than forms as well.

Let me know if you have any questions in the comments below, and hit that subscribe button for more content like this!

Check out my previous video on improving your React interviewing skills! Real life questions that you'd get in an onsite interview:

⚙️ My Gear

💻 General Tech

📸 Main Camera Gear

🎥 Video Accessories

👨💻Coding / Software Resources

Tags
code,front end developer,frontend developer,learn to code,react,react hooks,react interview,react interview questions,react js,react tutorial,reactjs,reactjs basics,reactjs hooks,software development,software engineer,software engineering,web developer frontend,web development,react form,react form validation,react hooks tutorial,reactjs for beginners,how to learn react js,learn react js,web forms tutorial,form validation react,react hooks tutorial

[abhimanyubanerjee]

Wow! So glad to have found your channel. I had cobbled together a custom hook for sign and login forms based on the various other tutorials I had gone through. But thanks to your teaching style, I realized how inefficient the patterns I was implementing were! This makes me want to go back and rewrite my hook to be more performative and concise. Thanks!

Just a note, one way you can make the useForm hook even more reusable is by passing in a `defaultFormValues` object to be consumed by the useState hook. That way, you can truly decouple the hook from any dependency on what type of form is consuming it.

[JustSkillGG]

Oh my god! I feel so lucky that I discovered this channel!
Bro, I don't know if you realize how good your explanation and your teaching style are.
I have watched tons of educative videos and I have to say you are definitely one of the best teachers I have ever listened to.
This channel is gonna explode if you continue making videos.
Thanks for the amazing content you provide.

[caolanfanning]

im only about 3 months into teaching myself how to code, javascript concepts are what i find difficult due to the amount of information / preferences to do things. Recently started react and having the same problem. Been looking into how to form validate for about a week now. This video is so clear and concise and was absolutely perfect for someone like me whos at the start of their career / journey. Thanks a million and subbed!

[saroj_shrestha]

It was a great tutorial, please keep adding stuff like these because I have just subscribed to your channel.

[davidfromnorth]

Hey man. It's a beautiful night! I'm listening to chill Ambient music and following your tutorial! Thank you!

[VietLedeptrai]

Hello sir,
I want to say "thank you". Your video is very helpful for me. I watched it more than 5 times when I began to learn ReactJs. After 4 months, I'm learning it again. Thanks :)

[ronaremoga]

This tutorial was really helpful! It helped me to do validation for my application! Thank you so much!

[sharathvasudevan]

Wow!. It's really great Matt. My hearty thanks for this wonderful validation tutorial.

[Colstonewall]

One of, if not the best React Tutorial I've seen. . .I certainly hope you continue with React, and maybe even some MERN Stack tuts. I'd love to see a vid on Compound Components, if you have the time, Matt.

[markfainberg]

This is the best I've seen lately. Thank you!

[daloshy]

Really great and straight forward! Thanks a ton for this, really great tutorial (:

[hsuan]

wish you can upload more videos about react side projects tutorials, it's awesome dude

[BobLorriman]

This is just what I what I was looking for - thanks Matt

[alionazosimova]

Thank you! Really useful! This video helped me a lot. :)

[ghazalha]

it is really great Matt, thank you so much

[Heffsta]

this was like watching art. Liked and subscribed.

[banedictfringdrong]

respect Maat!! It was truly a good one...

[fraoulmassresha]

Much appreciated !! you just are a live saver truly

[michaelhallabrin]

With React 16.8.6+ you'll get a warning on the useEffect inside useForm. Add callback and isSubmitting to the array along with errors to get rid of that warning. Awesome video!

[woogravity]

Thiis tutorial is superb learned a lot thanks