No video

How to use React hook form in production

  Рет қаралды 76,292

Chai aur Code

Chai aur Code

Күн бұрын

Visit chaicode.com for all related materials, community help, source code etc.
Sara code yaha milta h
github.com/hit...
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial

Пікірлер: 702
@kunalgupta9088
@kunalgupta9088 9 ай бұрын
This level of content is so rare to find even on paid courses. Hats off to Hitesh sir for delivering such an amazing react tutorial.
@chaiaurcode
@chaiaurcode 9 ай бұрын
Thanks a lot😊
@neerajdhakad2858
@neerajdhakad2858 11 ай бұрын
26:45 -> Form main Logic 36:22 -> Revision of Login component 49:38 Authentication Layout
@charujain4308
@charujain4308 11 ай бұрын
Starting my IT career again after a long career break, and your coding videos have been a lifesaver! Your content has not only refreshed my knowledge but also inspired me to keep pushing forward in this ever-evolving field. Thank you so much Hitesh for sharing your knowledge !
@SarveshKumar-08
@SarveshKumar-08 8 ай бұрын
At 00:03, the tutorial starts with creating and configuring input elements and buttons in React. At 01:59, the instructor moves on to creating and using HTML form with React hook form. Then, at 05:46, the tutorial covers how to use React hook form effectively in production. At 08:05, the tutorial explores how to use React Hook Form to handle services and states for querying and information retrieval. Then, at 12:14, the tutorial explains how to use file ID to retrieve resources and implement them in the app. At 14:18 and 18:20, the instructor demonstrates how to use React Hook Form in production. At 20:07, the tutorial covers how to use React hook form for login functionalities. Then, at 23:30, the instructor explains how to use React Hook Form for navigation and login. At 25:15 and 28:46, the tutorial covers how to use React hook form for form handling and input fields. At 30:33, the instructor explains how to use React hook form options in production. Then, at 34:09, the tutorial covers how to use React hook form for custom input fields and validation. At 35:57 and 39:37, the tutorial explains how to utilize React hook form for production and using try-catch to handle errors in production code. At 41:20, the instructor covers how to use React hook form to manage user data. At 45:13, the tutorial highlights how using React hook form simplifies form handling. At 47:09, the instructor demonstrates implementing React Hook Form in a real-time editor. Then, at 50:47, the tutorial covers using React hook form in production. At 52:41, the instructor explains that the use effect hook and its dependency array are important in React hook form production usage. At 56:28, the tutorial covers understanding authentication conditions in React hook form. At 58:23, the instructor demonstrates managing authentication and conditional navigation in React using React hook form. Finally, at 1:02:02, the tutorial covers how to use React hook form to simplify complex UIs.
@amankumar-vh7lq
@amankumar-vh7lq 7 ай бұрын
Bhai 401 wala error kese resove kiya aapne ek baar bataoge?
@universalcosmologist3675
@universalcosmologist3675 2 ай бұрын
@@amankumar-vh7lq bro i guess error isliye hai ki login nahi hai starting me yaani session nahi hai koi bhi so when .get() is called it throws an error because there is no valid session so either create a session or login first aur sir ne jis tarah se is video me code kiya to error remove ho jaega kyuki .get is called only when there is a session
@TheALOKROY
@TheALOKROY 9 ай бұрын
Maza aa raha hai bahot. switching from sales to IT and I find this course much more detailed and easy to follow. Thanks for this content.
@chaiaurcode
@chaiaurcode 9 ай бұрын
My pleasure and glad to hear that 😊🙏
@armanali-xq1el
@armanali-xq1el 8 ай бұрын
This level of content is so rare to find even on paid courses. Hats off to Hitesh sir for delivering such an amazing react tutorial.🥰
@allyn3015
@allyn3015 4 ай бұрын
Sir, what a great teacher you are.....mtlb itna detail kon jaata hai free videos. Literally, at 7:00 jb aapne ref ka 2nd tarika bataya. Isse phle bhi maine paid course se react pda tha but kisi ne ref k baare mai hint bhi nhi kiya tha....or aap itna detail bta rhe ho...Hatsoff to you sir👏. Attendence: 10 April 2024, 10:42 PM
@Ady-tf1jm
@Ady-tf1jm 2 ай бұрын
Thankyou Sir aap bahot easy way mai sikhate ho video dekhte time beech beech confusing lagta hai par jab code ek do baar dekhne ke baad easy lagta hai ❤
@Tylor_Rodriguez
@Tylor_Rodriguez 4 ай бұрын
I understood the code of Authlogic at the first time. 🤩 Thank you very much for your hardwork sir ❤
@ramansworld3879
@ramansworld3879 6 ай бұрын
You are putting so much efforts ...THANK YOU ...A moment... In authentication topic, when concept is going out of head, he is like...i will get back and give u a revision too...hats off 🫡
@developer_dhanji
@developer_dhanji 5 ай бұрын
Hitesh sir's React tutorial stands out for its exceptional quality, surpassing even many paid courses in clarity and depth.
@chaiaurcode
@chaiaurcode 5 ай бұрын
Thanks a ton
@preethampreetham9440
@preethampreetham9440 13 күн бұрын
This is my 3rd series of yours after Backend and Javascript. After watching this video I have seen couple of comments saying they needed to watch 2-3 times to understand fully. But I understood 90-95% in one go, I guess watching your other series has made a habit to think in a complex way. Thank you Hitesh Sir :)
@mubashirmalik8393
@mubashirmalik8393 6 ай бұрын
I have never seen such a detailed tutorial for any project. Salute you, Sir. Please keep posting the production-grade code to help us get our dream jobs or for our startups.
@waqarali191
@waqarali191 9 ай бұрын
Hitesh Sir You are the one of the best teacher on KZfaq❣❣❣❣
@chaiaurcode
@chaiaurcode 9 ай бұрын
😊🙏
@KULDEEPSINGH-eu8me
@KULDEEPSINGH-eu8me 7 ай бұрын
the way of delivering lecture I love it, and the best part "main sikha ke hi manunga"
@tojifushigoro3134
@tojifushigoro3134 6 ай бұрын
Maine 2 mahine pehle bhi comment kra thaa aur 2 mahine lagatar mehnat krne ke baad ab mai saas type ke projects next js me bna paa rha hu sath hi react native me bhi ....🙏 Shukriya Guruji
@tojifushigoro3134
@tojifushigoro3134 6 ай бұрын
Thanx for the heart sir... hopefully next space me apse baat kr pauu aur wha bhi thanx keh pau🙏🙏
@FaizSultan430
@FaizSultan430 11 ай бұрын
sir u r the one of the best teacher on youtube , whenever i started watching your vedios i can watch continously without getting bored and u r providing in depth knowledge and the best part is all the basics in hindi witch makes learning-experience 100x better for us thank you so much
@asmittyagi6250
@asmittyagi6250 7 ай бұрын
18:31 React-hook-form starts . 49:22 authentication layout
@niteshtak7830
@niteshtak7830 5 ай бұрын
took 2-3 times to understand the authentication logic just because you made it so simple for us... I don't think any other creator is simplifying things like Hitesh sir does... bhot bhot dhanyawad sirji esi knowledge sirf chai aur code par hi mil sakti h
@harsharora1466
@harsharora1466 11 ай бұрын
Sir aap jaise hi course complete karva doge to m aapke pass hi job ke liye apply kardunga😂😂
@jayashsaini8927
@jayashsaini8927 3 ай бұрын
Me Bhi Bas sir Jaipur me khi dhik Jaye
@riteshbisht94
@riteshbisht94 Ай бұрын
​@@jayashsaini8927 🤩 Lucky ho yaar tum logo jaipur walo Jab man kare Sir se mil lo 🎉
@akhiltaneja4054
@akhiltaneja4054 2 ай бұрын
watching this for the 3rd time on 21st June 2024. After watching the playlist for 1st time i moved on to other resources but couldnt find anything better than this so back here watching this again😅
@082_harshitshukla4
@082_harshitshukla4 7 ай бұрын
by learning from this content i feel confident that i can create something new and diffrent from crowd
@chaiaurcode
@chaiaurcode 7 ай бұрын
🤗😊☕️
@jhaempyre
@jhaempyre 5 ай бұрын
it's completely diffrent experience to learn from you be it any series hitesh sir has nailed it , sab samjh aa rha hae ❤❤❤❤❤❤
@Itsarmemon
@Itsarmemon 7 ай бұрын
Watching your videos in 2024 from Pakistan, Love your content and teaching skills.💚
@stocksandbeyond
@stocksandbeyond 11 ай бұрын
Its an Honor to learn from u sir !!! Amazing content , Amazing Explanation You are genius❤❤❤
@Tushar-dc4bi
@Tushar-dc4bi 22 сағат бұрын
00:03 Creating and configuring input elements and buttons in React 01:59 Creating and using HTML form with React hook form 05:46 Using React hook form effectively in production 08:05 Using React Hook Form includes handling services and states for querying and information retrieval. 12:14 Using file ID to retrieve resources and implement in app 14:18 Using React Hook Form in production 18:20 Using React hook form in production 20:07 Using React hook form for login functionalities 23:30 Using React Hook Form for navigation and login 25:15 Using React hook form for form handling 28:46 Using React hook form for input fields 30:33 Using React hook form options in production 34:09 Use React hook form for custom input fields and validation 35:57 Utilizing React hook form for production 39:37 Using try-catch to handle errors in production code 41:20 Using React hook form to manage user data 45:13 Using React hook form simplifies form handling 47:09 Implementing React Hook Form in a real-time editor. 50:47 Using React hook form in production 52:41 The use effect hook and its dependency array are important in React hook form production usage. 56:28 Understanding authentication conditions in React hook form 58:23 Managing authentication and conditional navigation in React using React hook form 1:02:02 Using React hook form to simplify complex UIs
@Dev-Phantom
@Dev-Phantom 5 ай бұрын
yes it is totally new to me, but the lecture was Awesome as always. Thanks
@manthanharale3877
@manthanharale3877 5 ай бұрын
we are very lokey becos we have a tacher like Hitesh sir♥, suru suru suru majburime kiye the lekin ab maja aaraha hai.
@relaxation_music-7ym
@relaxation_music-7ym Ай бұрын
Thanks A Lot Sir for such production Level Knowledge ❤❤
@safialiaqat9832
@safialiaqat9832 9 ай бұрын
Amazing, content like this is rarely found on any platform.
@ayushp4471
@ayushp4471 7 ай бұрын
Thank you sir for all these quality contents and grateful to have teachers like you
@codersenjoy
@codersenjoy 6 ай бұрын
I have gained lot of confidence after watching your videos...keep it up & #ThankYouHiteshSir
@nidhityagi2076
@nidhityagi2076 3 ай бұрын
Hats Off for wonderful content you provide. Thanks a lot
@chaiaurcode
@chaiaurcode 3 ай бұрын
It's my pleasure🤗☕️
@Sandeep-zd6dq
@Sandeep-zd6dq 11 ай бұрын
Sir this series going to be the best series on react on KZfaq 😎🙌
@riteshbisht94
@riteshbisht94 Ай бұрын
You are Genius Sir 😍🔥🔥
@geekguri_tech
@geekguri_tech 6 ай бұрын
Kya kamaal series hai sir ji Love from Amritsar, Punjab
@Ajmal_Hossain
@Ajmal_Hossain 7 ай бұрын
Learned new thing. Actually this type of content is rate to find for free. Appetite your great effort.
@Walkerbuddy
@Walkerbuddy 5 ай бұрын
49:25 authlayout to protect from unauthorised access of route directly 51:06
@pallabdandapat1866
@pallabdandapat1866 3 ай бұрын
00:00 - 07:30
@flash8135
@flash8135 2 ай бұрын
01:00 = building select field component 15:00 = starting with react hook form
@Vivekyadav0507
@Vivekyadav0507 11 ай бұрын
quite interesting and learned some new things also , thank you sir
@vanshika_ji
@vanshika_ji 4 ай бұрын
Thank you for your hard work!❤
@phantom-tq5og
@phantom-tq5og 9 күн бұрын
grateful for your efforts❤
@MuhammadArslan-px1sm
@MuhammadArslan-px1sm 8 ай бұрын
6:35 meine pehle hi dekh liya tha k forwardRef nhi use kia. But mene socha Hitesh sir hn kia pta kuch nayi cheez ijaad kar di ho 🤔. Q k har roz hi kuch naya seekhne ko milta he
@jashanpreet.753
@jashanpreet.753 4 ай бұрын
18:00 use form, handle submit ek event hai jisme aap apna function dete ho jiske acc cheeze aap krna chahte ho, basics of handleSubmit and register
@webunveilers
@webunveilers 9 ай бұрын
I am watching again and now things make sense to me.
@chaiaurcode
@chaiaurcode 9 ай бұрын
❤️😊
@ankushladani496
@ankushladani496 11 ай бұрын
?. -> Optional Chaining and ye tab use hota jab ham value koi api ke through ya fir null value milne ke chances ho.
@niteshmodi5468
@niteshmodi5468 5 ай бұрын
false && false leads to false. 57:42 So I think navigate("/") will not get executed in this condition case. Thoda jyada hi complex ho gya. Btw great learning this has been throughout the whole series. The level of content you have provided in this series is just epic. Loving this project approach.
@MohsinKhan-wv3ep
@MohsinKhan-wv3ep 26 күн бұрын
False && False == true😂
@pratikjagtap3169
@pratikjagtap3169 15 күн бұрын
I guess that condition is used to evaluate scenario in which , auth status is true but authentication is false Like : authStatus = true , authentication = false => ! false && ( true !== false) This will evaluate to true
@namannema3349
@namannema3349 5 ай бұрын
i have to do backend also but i have to do react once more what should i do anybody please help
@jappatel3530
@jappatel3530 5 ай бұрын
simply amazing learning!
@manmeetsingh1537
@manmeetsingh1537 5 ай бұрын
Amazing chai aur react series ❤
@endgame3842
@endgame3842 11 ай бұрын
Ye silsila chalta hi rahega... Learning more then expectations 1:02
@MuhammadArslan-px1sm
@MuhammadArslan-px1sm 8 ай бұрын
Sir g, apki sab se achhi baat ye bhi he k ap chhotay chhotay syntax bhi btate rehte hn jo k dosray kam log hi btate hn.
@ShubhamGupta-cp6xn
@ShubhamGupta-cp6xn 6 ай бұрын
Thank you sir for this Project.
@sameerraj5800
@sameerraj5800 2 күн бұрын
Sir you have defined forward ref in Input component but never used it in Login and Logout component. Aren't we supposed to use useRef react hook and pass ref in Input component?
@darksideff8706
@darksideff8706 23 сағат бұрын
Haa bhai mujhe bhi ye doubt 🤔 hai
@princevaghasiya4542
@princevaghasiya4542 17 күн бұрын
Great Content , Thank you Sir
@chaiaurcode
@chaiaurcode 17 күн бұрын
So nice of you
@lifelonglearner7
@lifelonglearner7 6 ай бұрын
took me 2 days to complete but was worthit thank you sir
@najmulhouda1357
@najmulhouda1357 7 ай бұрын
Thank you sir for creating this video. Take love sir
@adityasinghchouhan3670
@adityasinghchouhan3670 22 күн бұрын
Great lecture
@utkarshsingh7804
@utkarshsingh7804 6 ай бұрын
Bhot tough hogya sir😢 But still liking it, jabtk fodenge nhi tbtk chhodenge nhi Attempt no. 1
@towardstech4616
@towardstech4616 8 ай бұрын
Successfully caught an error ❤😂 Next Level Feelings.
@ibtisamwarraich9601
@ibtisamwarraich9601 6 ай бұрын
Nice way of teaching
@Niteshmaurya1234
@Niteshmaurya1234 5 ай бұрын
18:43 react-hook-form starts from here ! 49:25 authentication layout
@YashJaat-co8dk
@YashJaat-co8dk 6 ай бұрын
Best course of react
@omkargadekar3601
@omkargadekar3601 11 ай бұрын
Select Component mein ForwardRef Import nahi kiya sir aapne also vo koi const banake use bhi nahi kiya aapne jabh ki refrence de diya hain uska. was it intentional? :- mil gaya answer. puri video dekhke comment karunga agli baar se. Thank you so much for these lectures
@pranavpillai396
@pranavpillai396 Ай бұрын
18:30 react useform tutorial 49:20 authentication layout
@AbheyKhurana-tc6be
@AbheyKhurana-tc6be 3 ай бұрын
BEST COURSE
@raushankumar6993
@raushankumar6993 6 ай бұрын
18:46 Use form starts from here 49:10 Authentication layout
@kushanggharat3352
@kushanggharat3352 Ай бұрын
powerful content 🤩
@raaina3611
@raaina3611 6 ай бұрын
Finally completed this video🤧
@imran.frontend
@imran.frontend 4 ай бұрын
Great tutorial
@KalpakChakraborty
@KalpakChakraborty 6 ай бұрын
God level tutorials
@Akanesp
@Akanesp 5 ай бұрын
18:45 yaha se start hota hai React Hook form ka usage.
@rahulchaubey7176
@rahulchaubey7176 4 ай бұрын
Thanks Hitesh.
@bharath5925
@bharath5925 11 ай бұрын
Brilliant what a dedication
@Ramjane-wk3dt
@Ramjane-wk3dt 26 күн бұрын
Thankyou so much sir 😊
@nitinduke
@nitinduke 5 ай бұрын
18:44 react hook form 49:00 authentication layout
@riteshdholkhediya4532
@riteshdholkhediya4532 10 ай бұрын
Love for this series❤❤
@Niteshmaurya1234
@Niteshmaurya1234 5 ай бұрын
remaining from 49:24 its just for my reference I will watch after some time
@parmjeetmishra2
@parmjeetmishra2 10 ай бұрын
Thank you for wonderful explanation
@ashishdudhatra1232
@ashishdudhatra1232 10 ай бұрын
Thank you for such useful information.
@mohammedirfan5744
@mohammedirfan5744 2 ай бұрын
lo phir aagaye , sir ne kaha hai AI aagaya hai speed badani hogi ,chaliye chalte hai
@adarshadas3037
@adarshadas3037 4 ай бұрын
18:37 starting of useform
@BOSS55
@BOSS55 5 ай бұрын
thanks sir
@tanishkagupta6864
@tanishkagupta6864 4 ай бұрын
Maza aaya sir Thank you
@phantom-tq5og
@phantom-tq5og 9 күн бұрын
thank you soo much sir
@ankushladani496
@ankushladani496 11 ай бұрын
Dhanyavad Guruji...💯🚀
@biju1656
@biju1656 Ай бұрын
Present Sir✋❤
@user-mk8zz3ow4f
@user-mk8zz3ow4f 7 ай бұрын
QUESTION ????? QUESTION ????? QUESTION ????? Sir I want to ask you when you use Your own build Input component at time 34:00 why are you don't pass the value for ref as its required to get the value from that component because component is somewhere else and we need state of that component somewhere else so How are you doing that without providing the value for ref parameter which you mentioned while creating your own Input component, that's point is not understanding that how are you get access of that Input component data without providing the ref parameter value..... I Hope MR. Chai and Code Solve my issue I will be waiting for your reply......
@adnanashraf6438
@adnanashraf6438 11 ай бұрын
Welcome sir...❤
@mitvavirvadiya8993
@mitvavirvadiya8993 10 ай бұрын
Thank u sir very much for this great content😍😍😍
@vikasvarma9462
@vikasvarma9462 9 ай бұрын
15:47 present sir 😄 49:20 authentication layout
@user-ly9qv8oe9o
@user-ly9qv8oe9o 9 ай бұрын
great learning from a great teacher ;)) respect++;
@anshuman.tiwari
@anshuman.tiwari 3 ай бұрын
Present Sir ❤❤
@ShaileshYadav-ds8pq
@ShaileshYadav-ds8pq 4 ай бұрын
Thank you sir❤
@anilmee
@anilmee 11 ай бұрын
forwardRef, select option, postcard, login form, handle submit, creating input, auth layout
@Dibyendu_das_96
@Dibyendu_das_96 9 ай бұрын
best react course ever
@AfzaalKhalid-ox3pw
@AfzaalKhalid-ox3pw 16 күн бұрын
next level boss 💚💚💚💚💗💗
@abhishekkashyap2984
@abhishekkashyap2984 11 ай бұрын
Worth every second..🙌🔥
@tojifushigoro3134
@tojifushigoro3134 6 ай бұрын
Is video ke karan mujhe confidence aya aur code base actuall me dheere dheere smjh me anee start ho gye thee thanx for that sir❤
Adding form and slug values
43:36
Chai aur Code
Рет қаралды 44 М.
React Hook Form - Complete Tutorial (with Zod)
28:22
Cosden Solutions
Рет қаралды 107 М.
АЗАРТНИК 4 |СЕЗОН 1 Серия
40:47
Inter Production
Рет қаралды 585 М.
КТО ЛЮБИТ ГРИБЫ?? #shorts
00:24
Паша Осадчий
Рет қаралды 3,8 МЛН
طردت النملة من المنزل😡 ماذا فعل؟🥲
00:25
Cool Tool SHORTS Arabic
Рет қаралды 25 МЛН
Production grade react components
43:46
Chai aur Code
Рет қаралды 62 М.
React hook form, shadcn and debouncing
1:16:36
Chai aur Code
Рет қаралды 17 М.
Context API in react | get the concept
29:00
Hitesh Choudhary
Рет қаралды 53 М.
Complete React Form Validation using Formik & Yup in Hindi🔥
32:49
Thapa Technical
Рет қаралды 122 М.
ALL React Hooks Explained in 12 Minutes
12:21
Code Bootcamp
Рет қаралды 116 М.
How to build elegant React forms with React Hook Form
22:34
Ian Lenehan
Рет қаралды 88 М.
CORS and debugging in React Project
25:39
Chai aur Code
Рет қаралды 50 М.
АЗАРТНИК 4 |СЕЗОН 1 Серия
40:47
Inter Production
Рет қаралды 585 М.