Тёмный

React Hook Form How To Get Started | Build a Simple Form 

EdRoh
Подписаться 81 тыс.
Просмотров 4,7 тыс.
50% 1

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.

Наука

Опубликовано:

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 8   
@DrHappybone
@DrHappybone 2 года назад
Great tutorial, thanks for that! Just FYI, in the description, you have Phone and Email Regex the wrong way around lol
@Reza-tp4ll
@Reza-tp4ll 2 года назад
Thank you ED . I love your videos as well as your voice :)
@AGriffith
@AGriffith 2 года назад
Thanks man, cool video, straight to the point
@SuperMan-hn2ic
@SuperMan-hn2ic Год назад
thanks mate! good video for beginners :)
@pitbul67204
@pitbul67204 2 года назад
Great Video
@deepak21agra
@deepak21agra Год назад
Too good
@tunglee4349
@tunglee4349 Год назад
Hi, I found a Regex error in your description. Email and phone regex are reversed.
@freespeech515
@freespeech515 Год назад
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.
Далее
I need your help..
00:28
Просмотров 3,9 млн
Redux is Easy | Explanation Tutorial
9:22
Просмотров 10 тыс.
Simple D3 Line Chart in React | Hooks
17:40
Просмотров 21 тыс.
The Only CSS Layout Guide You'll Ever Need
24:22
Просмотров 99 тыс.
5 New AI Tools You Should Try
9:18
Просмотров 7 тыс.
Pratik Cat6 kablo soyma
0:15
Просмотров 8 млн
Куда пропал 3D Touch? #apple #iphone
0:51
Просмотров 650 тыс.
What’s your charging level??
0:14
Просмотров 7 млн