React Hook Form How To Get Started | Build a Simple Form
HTML-код
- Опубликовано: 12 июн 2024
- In this video we are building a simple form using React Hook Form.
React Hook Form: react-hook-form.com/
Redux Thunk: github.com/reduxjs/redux-thunk
Link to CSS File: github.com/ed-roh/simple-form...
Regex:
Phone#: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i
Email: /^(?:(?:\+?1\s*(?:[.-]\s*)?)?(?:\(\s*([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])\s*\)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]))\s*(?:[.-]\s*)?)?([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})(?:\s*(?:#|x\.?|ext\.?|extension)\s*(\d+))?$/
-----------
Chapters:
0:00 Why Use React Hook Form Library
1:14 How to Install React Hook Form
3:26 React Hook Form Syntax Structure
5:41 React Hook Form Coding and Validation
23:05 Why You Should Use React Hook Form
-----------
Subscribe to my channel: / @edrohdev
for more algorithm explanations, tech discussions, and programming tutorials!
-----------
Hey there, my name’s EdRoh. On my channel, you will find common coding algorithms and/or interview questions (with explanations of course). I also provide tutorials and courses on other programming topics in Web Development including Javascript, React, HTML, CSS, TypeScript, Redux, Node, Progressive Web Apps, React Native, Flutter, etc.
No matter what level you are, whether you are already in the software engineering field, or are just beginning coding in bootcamp or being self taught, my first and foremost desire is to help you provide with the best teaching content and learning resource I possibly can. As someone who understands the struggles of switching careers, I hope I can help guide you into this difficult but rewarding journey into engineering. - Наука
Thanks man, cool video, straight to the point
Thank you ED . I love your videos as well as your voice :)
thanks mate! good video for beginners :)
Great Video
Too good
Great tutorial, thanks for that! Just FYI, in the description, you have Phone and Email Regex the wrong way around lol
Hi, I found a Regex error in your description. Email and phone regex are reversed.
You good speaking voice. But i need something creative. I need a custom form components. I basically reuse the form that come with all validation. So i only use email and not mention all those basic validation. You dont want to repeat all of this in every form. Also do not like to duplicate. Instead use a subclass existing form components and use those field. My goal is reuse and use less code. Also those validation text has to change by language. So we cant copy paste those validation everywhere.