Тёмный

BEST Ways to Handle and Validate React Forms without a Library 

Lama Dev
Подписаться 304 тыс.
Просмотров 369 тыс.
50% 1

React form validation tutorial. How to handle and validate React form inputs using different ways. Handling forms in React using useState, useRef and FormData.
Support the channel: / @lamadev
Buy me a coffee: www.buymeacoffee.com/lamadev
Source Code: github.com/safak/youtube/tree...
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
0:00 Introduction
0:45 Creating Forms in React
06:48 How to Prevent Re-rendering
12:15 Don't be afraid of re-rendering when using forms
12:55 How to handle a form with multiple inputs
20:54 React Login/Register Form Design
24:24 React Form Input Validation and Displaying Errors
41:56 Outro

Наука

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

 

1 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 297   
@raymondcaddick6208
@raymondcaddick6208 2 года назад
I've just come across your channel and I'm so excited to work through each example you have! Really appreciate the fact that you write everything from scratch so we can see the full picture!
@kashmirtechtv2948
@kashmirtechtv2948 2 года назад
The best thing about Lama is that he tells all the possible methods amd then suggests us the best method and that's what most of the channels lack. They force their own methods on viewers Infact those methods are much difficult and outdated. But Lama makes everything easy and useful. 👍👍👍
@Jimmy-zt5io
@Jimmy-zt5io Год назад
I have been learning React since January and I have never seen someone make a form like u did ! not to mention the way u handle the input validation and errors just with html and css ! that was impressive! Subscribed!
@VladimirMitrofanovph
@VladimirMitrofanovph 2 года назад
Thanks man! That's one of the best tutorials on React forms I've encountered so far. Very clear and I've learned a lot from these 42 minutes. Incredibly good job
@adebisisheriff159
@adebisisheriff159 Год назад
I fell in love with Lama Dev channel because, we focus on real world project. No copy and paste... All code from scratch with step by step explanation. I do not even know how to thank you for the awesome job you doing for us. I BIG THANK YOU TO YOU LAMADEV and I self-congratulatory message to me for stumble into your channel
@zuzukouzina-original
@zuzukouzina-original Год назад
You are one of the best tutors on RU-vid 💪🏼 You have the best examples that can be used in a real application. Thank you very very much, I mean it from the bottom of my heart ❤️
@ayomidebamigboye1537
@ayomidebamigboye1537 2 года назад
This is absolutely amazing, I cannot deny the fact that formik and react-hooks-form sometimes is not encouraging becuase there are literally limitations to using them But with the content that you just created...I greeted my self-congratulations for subscribing to this channel
@atifulislamasif7893
@atifulislamasif7893 Год назад
Your contents are so easy to understand, and you provide a lot of topics and features in a single video. I am truly grateful to have come across your channel. Thank you for your hard work.
@ferdinandeke9590
@ferdinandeke9590 2 года назад
This is amazing, I was gonna ask this question on form validations and the best way to do it and how we could use CSS to make sure certain characters only are inputted .. You're really a guardian angel as well Lama as regards coding.. cos you look out for us even where we may not really look out on.. thanks .. you're deeply appreciated..
@malemyengkhom56
@malemyengkhom56 2 года назад
You got a new subscriber. Now in my todo list I have written down to watch atleast one video from your channel each day. Keep making more project videos ❤️🔥🙌
@softmerit25
@softmerit25 2 года назад
This is really great and amazing. Your tutorials are excellent and simple to understand. Keep on the great work! You're a good teacher.
@ojiinnocent9117
@ojiinnocent9117 2 года назад
Just this morning I was searching for form validation tuts on RU-vid and now this. Just right in time. Thanks, man
@SkippyTheCanadianKangaroo
@SkippyTheCanadianKangaroo 10 месяцев назад
My man! This is awesome! I have been looking for this as i don't like having so many library's and i didn't realize it was this simple! Thank you very much! Now to figure out on validation on the back end and learn bycrypt!
@jonatasdeoliveiracoelho4691
@jonatasdeoliveiracoelho4691 2 года назад
So well explained! Good job, Lama Dev! Thank you!
@nbryson2010
@nbryson2010 2 года назад
Thx Lama! The native solution that you have shown me is fantastic. You're a rock star. I'll be checking back for more tutorials for sure.
@barraganroberto
@barraganroberto Год назад
This is just an amazing tutorial that I keep revisting from times to times. Thank you very much!
@prathamesh3299
@prathamesh3299 2 года назад
I used hate react but when I found your channel I started loving it so thankyou. currently I'm following you social media app series it's ammazing man thanks for this amazing knowledge for free I'm going buy you so many coffee wjen i'll resume my freelance career my god will always bless you.
@psyferinc.3573
@psyferinc.3573 11 месяцев назад
i cant state enough how you are the best at opening our eyes to the basics
@onlineeslcanada
@onlineeslcanada 2 года назад
This is great. Most useful, practical, real-world usage. Thanks!
@davidsapkota5326
@davidsapkota5326 6 месяцев назад
First time on your RU-vid channel, and I must say, your coding tutorials are very easy to understand. Thanks, bro!
@Nellak2011
@Nellak2011 2 года назад
Thank you for this Masterclass! Absolutely loved it.
@fw-ho7si
@fw-ho7si 2 года назад
Thank you so much for this! Love all of your tutorials. So helpful! 💜
@lilmeat-xj7ru
@lilmeat-xj7ru Год назад
Great tutorial I have been spending lots of time on creating forms in React and this helped me very much thank you!!!!!
@luisalbertovillarortiz7424
@luisalbertovillarortiz7424 Год назад
Undoubtedly by far one of the best react forms tutorials for free.
@nicmackenzie
@nicmackenzie Год назад
Another great video Lama. You are just awesome. Keep up the good work
@saltanoi5535
@saltanoi5535 2 года назад
Thank you! I really improved my code after i watched your video - immideatly made a refractor and it looks much cleaner, and i also can reuse my components better now. Thanks again, expaining was very clear
@khizrshaikh9902
@khizrshaikh9902 2 года назад
Thank you so much for these awesome projects and tutorials
@karis8143
@karis8143 2 месяца назад
I wanted to take a moment to express my sincere gratitude for the incredible tutorial you provided on React form creation and validation. Your clear explanations, step-by-step guidance, and practical examples made the learning process smooth and enjoyable. Thanks to your tutorial, I now have a much better understanding of how to leverage React's capabilities to create dynamic and user-friendly forms while ensuring data integrity through validation techniques. Your expertise and teaching style have truly empowered me to enhance my React skills and build more robust applications. I deeply appreciate the effort you put into creating such valuable content and sharing your knowledge with the community. Your dedication to helping others learn is truly commendable, and I'm grateful to have stumbled upon your tutorial. Once again, thank you for your outstanding contribution to the React developer community. I look forward to exploring more of your tutorials and continuing to expand my knowledge under your guidance. More I use this opportunity to request that you add selection options to the form and checkbox, radio etc
@fredrickdenga7552
@fredrickdenga7552 2 года назад
Safak thank for this brilliant react forms tutorial much appreciated💯
@nguyenkien5558
@nguyenkien5558 2 года назад
You are just a incredible man! Thank you for your contributions.
@uttamdutta1762
@uttamdutta1762 Год назад
Another amazing learning path for me. Thanks lama.
@xplore2000
@xplore2000 2 года назад
Always releasing nice and amazing tutorial😀 You really change my life sir
@djsmith3730
@djsmith3730 2 года назад
Thanks for the new content, really appreciate it - I will surely subscribe to you for a few months after I change careers; which is very soon and you've helped it with the react stuff. thanks bro, you've made a difference - to quite a few people's lives. I'll show you the project when its done
@Offiziersmesser
@Offiziersmesser 10 месяцев назад
Wow, this teaching style is art!💯
@vaishnavia.n.312
@vaishnavia.n.312 2 года назад
Amazing video, I did not know about the pattern attribute and have learned much from you,Thank u Lama.
@saurabhdaswant7833
@saurabhdaswant7833 2 года назад
Wow I was really struggling to do validation stuff on my job projects and always used to was some new tutorials but i was never statisfied with the solution! Now i wont be getting frustrated again again Thank you so much Lama 💙💙💙💙💙
@user-wq9oy7hx6z
@user-wq9oy7hx6z Год назад
Many thanks, Lama! It's awesome and clean way!
@stillsmart
@stillsmart 7 месяцев назад
Cool React form handling. Thank you
@raularmendariz7873
@raularmendariz7873 Год назад
Thanks for this! Really clear explanations! 🙌
@oscargm1979
@oscargm1979 2 года назад
😛Amazing tutorial!. Thanks again Lama.I will use it in my forms in React.Awesome! 😇
@WillSmith-qt7me
@WillSmith-qt7me Год назад
Great video for the forms. Thanks!
@CaliburPANDAs
@CaliburPANDAs Год назад
Validation starts at 24:24 Great video! Thanks Lama
@benkay157
@benkay157 3 месяца назад
Great job, love this Masterclass. To add a cherry on top of the cake, please make another video on how to handle dynamic errors
@zeelthakkar2751
@zeelthakkar2751 2 года назад
Really Helpful Sir. Code is really easy to understand. Thank You
@guilhemlinde
@guilhemlinde Год назад
Very clean code. Thank you for this. Subscribed.
@jameskayihura1675
@jameskayihura1675 2 года назад
What a awesome tutorial! Thanks a lot.
@user-ur2xe1br4g
@user-ur2xe1br4g 11 месяцев назад
Been coding in js for 6 months and just now I learned that clg trick LOL Appreciate it.
@Lee-rd4cs
@Lee-rd4cs 2 года назад
This is exactly what I wanted! thank you so much
@neerajkanojiya8098
@neerajkanojiya8098 2 года назад
Excellent example and very well explained.. Greate job... ❤️
@subramanyam.d24m56
@subramanyam.d24m56 2 года назад
Thanks a lot for explaining how to place input elements in array of objects.
@karlithoscolima
@karlithoscolima 2 года назад
Love it mate , you are other level!
@MdHasanAli-rb8no
@MdHasanAli-rb8no Месяц назад
An awesome video, I appreciate your approach.
@m.waseem6616
@m.waseem6616 Год назад
The tutorial was absolutely stunning. Please make a video on context api as well. Thanks.
@shahipapon833
@shahipapon833 2 года назад
This is so amazing ❤️ NOW i realise how dull we are 😬 Thanks a lot fot this amazing outstanding tutorial. Best wishesh from my heart ❤️
@michaelwambua1492
@michaelwambua1492 2 года назад
Nice tutorials. I like them, they are well explained
@ahmetulutas8491
@ahmetulutas8491 Год назад
This is the best channel. Thanks a million abi!
@michaelodikanwa442
@michaelodikanwa442 Год назад
Learning so much from you man🙌
@satishmaurya2089
@satishmaurya2089 2 года назад
Thankyou so much Lama sir, it is very useful and really enjoyed it.🙂🙂
@sivasankars9418
@sivasankars9418 2 года назад
Thanks for providing this video learned a lot
@SohailKhan-gu2du
@SohailKhan-gu2du Год назад
thanks man, need more videos from you
@vigneshwarrv
@vigneshwarrv 2 года назад
This is really great but the problem is ,the html attributes can be edited in the inspect section and we can override the pattern and thus allowing to send irrelevent data in the form..really its great brother
@mdsolayman9558
@mdsolayman9558 2 года назад
Hi Sir, You are really awesome. Keep teaching us. Lot of love from Bangladesh.
@Corntrop
@Corntrop 2 года назад
Wow i didnt know that its that easy. And didnt know form data. So cool. Thank you
@elpake98
@elpake98 Год назад
Thanks so much, im building a quiz-forms app and this video helped me to improve my code!
@serhanmaknik466
@serhanmaknik466 2 года назад
Eline sağlık kardeşim, çok yardımcı oldun gerçekten. Yeni şeyler öğrendim sayende :)
@SagorKhan-zk4ix
@SagorKhan-zk4ix Год назад
Thanks lama, for this nice tutorial
@altafhossain4989
@altafhossain4989 Год назад
Thanks Lama, It is very easy to follow. Continue to build more.
@aymanabid9545
@aymanabid9545 Год назад
Hello, need some help. In onChange function, coma is used after ...values which is giving the parsing error. How to fix that? Any idea?
@sammedsankonatti9642
@sammedsankonatti9642 2 года назад
Best form creation 🔥 and validation video on the RU-vid
@saifullahrahman
@saifullahrahman Год назад
thanks a lot mate! That was so helpful!
@hmssdghsdhansara4931
@hmssdghsdhansara4931 Год назад
Validating form using the data from backend, that will be a good thing to learn.. waiting for that video
@peteplays604
@peteplays604 2 года назад
Great video! What should the behavior be on submit? How do we ensure the form is validated before clearing it, redirecting, etc.?
@SathishKumar-rz5nl
@SathishKumar-rz5nl 2 года назад
This is amazing...please make more dynamic projects
@yar1320
@yar1320 Год назад
Very good Tutorial, very well explained thanks very much...!
@msalam4248
@msalam4248 Год назад
so neat and clean tutorial
@vismal2007
@vismal2007 3 месяца назад
Awesome! Thank you mate!
@eumm11
@eumm11 Месяц назад
incredible buddy, thank you so much :)
@arnoldvhanda
@arnoldvhanda Год назад
You are a legend we need more n more
@stefanhupp7945
@stefanhupp7945 Год назад
Really nice video. i try to use some of it in our project
@deeee_veeen
@deeee_veeen Год назад
This is a great example thank you❤
@alivelidurali
@alivelidurali 2 года назад
lama is the best , I love your video man
@Dzirmal
@Dzirmal Год назад
Thanks man, I've leared a lot.
@titimaelouidad3880
@titimaelouidad3880 4 месяца назад
this is the best React tutorial ever
@vairamuthuvairam9552
@vairamuthuvairam9552 Месяц назад
I am bigginer in react .it very usefull your tutorial .You are improve my Life
@crinceebelempou6611
@crinceebelempou6611 9 месяцев назад
This is so amazing I like the way you teach 😊😊😊
@erojoseph604
@erojoseph604 Год назад
Thank you very much, I found this very useful
@thuco9310
@thuco9310 2 года назад
Thank you. This video is very useful.
@airnodes8248
@airnodes8248 Год назад
Very helpful, thanks!
@mehrdad.sabori
@mehrdad.sabori 9 месяцев назад
خیلی عالی بود دمت گرم من که ایرانی هستم با توضیحات خوبت خیلی خوب فهمیدم مرسی بابت زحماتت ❤
@yho6
@yho6 7 месяцев назад
Thank you very much, I mean it from the bottom of my heart ❤ and it is a very practical example
@webhook4729
@webhook4729 2 года назад
Lama dev, You are amazing man....!!
@deogenesabejuela7016
@deogenesabejuela7016 10 месяцев назад
amazing tutorials. thank you so much!. I learned a lot :-)
@codernasir1549
@codernasir1549 2 года назад
Hello Lama Dev, Take love from deep heart. I love you.
@telur_ramen
@telur_ramen 2 года назад
thank you so much, you taught me a lot!
@user-yv4tn5ll9z
@user-yv4tn5ll9z 2 года назад
my ideal form layout, thanks)
@cindyomari1131
@cindyomari1131 2 года назад
You are doing a great job more full stack project for us
@MrTouchFair
@MrTouchFair 2 года назад
I really want it!!!!!! Ty sensei
@rashigupta5995
@rashigupta5995 9 месяцев назад
This is so beautiful code am crying
@Japan4Ever
@Japan4Ever Год назад
Awesome. Thanks always.
@elnaza8476
@elnaza8476 2 года назад
Hi Lama, your videos are very great and useful, please do project with multi-step form by react , thank you so much. Keep on the great work!
@satishksharma
@satishksharma 2 года назад
Your tutorial is great for learner. I also request please make same video for other form tag as like select, radio button, checkbox etc.
Далее
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 416 тыс.
I Built 4 SECRET Rooms In ONE COLOR!
29:04
Просмотров 3 млн
React Formik Tutorial with Yup (React Form Validation)
34:50
React Hook Form - Complete Tutorial (with Zod)
28:22
Просмотров 76 тыс.
Best VSCode Extensions I'm in Love with
8:36
Просмотров 371 тыс.
6 State Mistakes Every Junior React Developer Makes
15:53
ALL React Hooks Explained in 12 Minutes
12:21
Просмотров 56 тыс.
Learn React useReducer Hook with Examples
14:19
Просмотров 166 тыс.
How to build elegant React forms with React Hook Form
22:34
React Real Estate App UI Design Tutorial for Beginners
3:01:48
Form Validation In React Using YUP Tutorial
14:22
Просмотров 89 тыс.
ПК с Авито за 3000р
0:58
Просмотров 1,5 млн
Pratik Cat6 kablo soyma
0:15
Просмотров 8 млн