React Forms With Validation Using Hooks - React Javascript 

React doesn't have much built in support for forms, but what's good is that once you built it once you can reuse it quite easily

Thanks!

Not something I can address in a comment, would need to do a video on it. Im sure if you did some digging around on youtube or stack overflow you would find some useful information that should help you.

Dank Mono is the font of the code

Thanks for the feedback :D

Thanks, I'm not the best when it comes to audio but trying to improve that!

Its defiantly possible to use Yup, but if your using Yup I would suggest using Formik with it, since Formik can take care of some of the work for you. If for some reason your completely against using Formik, then you would have to apply the Yup validation schema on submit. But I strongly recommend using Formik since it takes care of a lot of things like managing touched fields, storing error messages for you and handling state

@@letscode7478 thank you, I will use it, you are totally right

Thanks, really means a lot, any feedback would be great :D

Thanks, im using the Dank Mono font.

Here is the code github.com/daryanka/form-validation

@@letscode7478 TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString (internal/validators.js:120:11) at Object.join (path.js:375:7) at noopServiceWorkerMiddleware (C:\Users\OBC\Desktop\cargo ode_modules eact-dev-utils oopServiceWorkerMiddleware.js:14:26) at Layer.handle [as handle_request] (C:\Users\OBC\Desktop\cargo ode_modules\express\lib outer\layer.js:95:5) at trim_prefix (C:\Users\OBC\Desktop\cargo ode_modules\express\lib outer\index.js:317:13) at C:\Users\OBC\Desktop\cargo ode_modules\express\lib outer\index.js:284:7 at Function.process_params (C:\Users\OBC\Desktop\cargo ode_modules\express\lib outer\index.js:335:12) at next (C:\Users\OBC\Desktop\cargo ode_modules\express\lib outer\index.js:275:10) at launchEditorMiddleware (C:\Users\OBC\Desktop\cargo ode_modules eact-dev-utils\errorOverlayMiddleware.js:20:7) at Layer.handle [as handle_request] (C:\Users\OBC\Desktop\cargo ode_modules\express\lib outer\layer.js:95:5)

@@letscode7478 i get this error on running the code after npm install

@@klin-coders9374 Thanks for letting me know, it turned out to be an issue with react scripts. I also removed the service worker just in case. I've pushed the changes, you can either clone again or just change the react-scripts version in your package.json to 3.4.1, remove the service worker from the index.js file and run npm install again. Hope that fixes your issue.

Since the validation is within the input component and we have to call a function inside that component it one approach to doing so. With the validation method in this video I do think the refs is the simplest way to go about it.