How to use React hook form in production

[@kunalgupta9088]

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]

Thanks a lot😊

[@neerajdhakad2858]

26:45 -> Form main Logic 36:22 -> Revision of Login component 49:38 Authentication Layout

[@charujain4308]

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 !

[@allyn3015]

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

[@SaketK11]

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

[@SaketK11]

Thanx for the heart sir... hopefully next space me apse baat kr pauu aur wha bhi thanx keh pau🙏🙏

[@SarveshKumar-08]

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]

Bhai 401 wala error kese resove kiya aapne ek baar bataoge?

[@universalcosmologist3675]

@@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

[@armanali-xq1el]

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.🥰

[@Smit-j8n]

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.

[@developer_dhanji]

Hitesh sir's React tutorial stands out for its exceptional quality, surpassing even many paid courses in clarity and depth.

[@chaiaurcode]

Thanks a ton

[@niteshtak7830]

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

[@mubashirmalik8393]

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.

[@preethampreetham9440]

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 :)

[@ranitabiswas9666]

my mind hanged 10+ times while going through this one video. For a beginner this is a little puzzling at first but after going through it 2-3 times it all starts making sense. Also you have to go through the entire playlist to actually understand some concepts here. But so detailed and good content !

[@KULDEEPSINGH-eu8me]

the way of delivering lecture I love it, and the best part "main sikha ke hi manunga"

[@asmittyagi6250]

18:31 React-hook-form starts . 49:22 authentication layout

[@SaketK11]

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❤

[@Alearner-world]

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 🫡

[@TheALOKROY]

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]

My pleasure and glad to hear that 😊🙏

[@Ady-tf1jm]

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 ❤

[@waqarali191]

Hitesh Sir You are the one of the best teacher on KZbin❣❣❣❣

[@chaiaurcode]

😊🙏

[@Itsarmemon]

Watching your videos in 2024 from Pakistan, Love your content and teaching skills.💚

[@Tylor_Rodriguez]

I understood the code of Authlogic at the first time. 🤩 Thank you very much for your hardwork sir ❤

[@ek_hai_coder]

18:45 -> Revise React Hook Form Thank you Hitesh Sir, you are amazing

[@FaizSultan430]

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

[@abubakarkhan4732]

After watching it the second time, I feel motivated and can proudly say that I understand about 90% of the video

[@jhaempyre]

it's completely diffrent experience to learn from you be it any series hitesh sir has nailed it , sab samjh aa rha hae ❤❤❤❤❤❤

[@harsharora1466]

Sir aap jaise hi course complete karva doge to m aapke pass hi job ke liye apply kardunga😂😂

[@jayashsaini8927]

Me Bhi Bas sir Jaipur me khi dhik Jaye

[@riteshbisht94]

​@@jayashsaini8927 🤩 Lucky ho yaar tum logo jaipur walo Jab man kare Sir se mil lo 🎉

[@082_harshitshukla4]

by learning from this content i feel confident that i can create something new and diffrent from crowd

[@chaiaurcode]

🤗😊☕️

[@Kiran-khadka]

Thank you so much hitesh sir !! I have figured out the error as you pass ref on the parameters !! figuring error gives a kind of inner happiness and joy 😂😂

[@Dev-Phantom]

yes it is totally new to me, but the lecture was Awesome as always. Thanks

[@stocksandbeyond]

Its an Honor to learn from u sir !!! Amazing content , Amazing Explanation You are genius❤❤❤

[@manthanharale3877]

we are very lokey becos we have a tacher like Hitesh sir♥, suru suru suru majburime kiye the lekin ab maja aaraha hai.

[@geekguri_tech]

Kya kamaal series hai sir ji Love from Amritsar, Punjab

[@safialiaqat9832]

Amazing, content like this is rarely found on any platform.

[@akhiltaneja4054]

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😅

[@unknown-lv8io]

samaj to sab aa gaya...par khud se banane jate hai to kuch samaj nahi aata ki kya likhna hai

[@SouCha11]

Kud karte time… Konsa dependencies use horaha hei woh dekh lo and then uske webpage mei jake API docs kholke dekho kya chahiye hoga aur kese karna hoga

[@baldevsingh4357]

​@@SouCha11👍👍

[@Sandeep-zd6dq]

Sir this series going to be the best series on react on KZbin 😎🙌

[@Walkerbuddy]

49:25 authlayout to protect from unauthorised access of route directly 51:06

[@Ajmal_Hossain]

Learned new thing. Actually this type of content is rate to find for free. Appetite your great effort.

[@pallabdandapat1866]

00:00 - 07:30

[@manojkumarsah900]

No difference production level learning, exactly what I want to learn, I started working in company existing react projects. Same ways written code. More valuable and more Learning

[@codersenjoy]

I have gained lot of confidence after watching your videos...keep it up & #ThankYouHiteshSir

[@flash8135]

01:00 = building select field component 15:00 = starting with react hook form

[@raaina3611]

Finally completed this video🤧

[@ayushp4471]

Thank you sir for all these quality contents and grateful to have teachers like you

[@MuhammadArslan-px1sm]

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.

[@jashanpreet.753]

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

[@prikshitrajraj9762]

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

[@lovegoyner7450]

tell me one thing bro we are exporting the service from the appwrite/config then why sir wrote the import appwriteService from './appwrite/config

[@namannema3349]

i have to do backend also but i have to do react once more what should i do anybody please help

[@relaxation_music-7ym]

Thanks A Lot Sir for such production Level Knowledge ❤❤

[@Code_Krupa]

*Attendence: Date 25/09/2024 * *React Mega Project with one and only Hitesh Sir aka Chai aur Code* *Thank you so much, Sir! *

[@riteshbisht94]

You are Genius Sir 😍🔥🔥

[@towardstech4616]

Successfully caught an error ❤😂 Next Level Feelings.

[@pbb-s9b]

watching it on 20th October 2024 . Thank you so much sir for this valuable content.❤❤

[@AbhishekSingh-q3e]

Amazing content and style to make complex topics simple✌✌👌

[@barmoonz9769]

18:24 only react hook guide you need starts from here

[@endgame3842]

Ye silsila chalta hi rahega... Learning more then expectations 1:02

[@Akanesp]

18:45 yaha se start hota hai React Hook form ka usage.

[@farmanali6349.channel]

18:39 Starting react-form-hook from here

[@SaketK11]

thanx for making such videos ....it really teahces us to get out of our comfort zones

[@asmittyagi6250]

15:40 19-01-23 raat ke 12:31am , abb thak chuke hai , lekin sir ne ka hai ki ek bar phele deklo fir dobara dekhna , to kal dobara se vapis yha .

[@asmittyagi6250]

aa gaye vapis 20-01-24

[@AliBro-p2s]

its very amazing sir thank you for such a hardworking for us Allah bless you

[@RahulEngineer_1]

Ye comment aapki Mehant ke naam sir ji. Great Job 👍

[@mohammedirfan5744]

lo phir aagaye , sir ne kaha hai AI aagaya hai speed badani hogi ,chaliye chalte hai

[@santoshbarnwal3041]

Sir i really appreciate this series which was wonderful and this Mega project too but sir the actual problem most of the student is facing with your style of teaching is your not showing the actual output by their functionality. Some earlier learner don't have actual idea to understand the direct code so please make the run time visualisation of funcationality with corresponding, anyway Hitesh sir this is really future proof code

[@utkarshsingh7804]

Bhot tough hogya sir😢 But still liking it, jabtk fodenge nhi tbtk chhodenge nhi Attempt no. 1

[@lifelonglearner7]

took me 2 days to complete but was worthit thank you sir

[@webunveilers]

I am watching again and now things make sense to me.

[@chaiaurcode]

❤️😊

[@Niteshmaurya1234]

18:43 react-hook-form starts from here ! 49:25 authentication layout

[@najmulhouda1357]

Thank you sir for creating this video. Take love sir

[@kushsharma862]

I thought this video will be my first that I didn't get it fully , but in a few minutes he said mai sikha ke maanunga , revision karwaunga 😭

[@MuhammadArslan-px1sm]

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

[@afzalhamdulay]

was a bit complex. Need to watch it again to understand it much better. but thankyou for giving us such industry grade content

[@usmanjami794]

level of content is so rare

[@KYOUMI5]

use form: use form hook maintains an api or object which stores all the values in key and value pair .We have to specify the key using the register and we get the access to the object in the callback function of the handleSubmit method(here login ). Spreading register is necessary because it has all the necessary methods

[@pranavpillai396]

18:30 react useform tutorial 49:20 authentication layout

[@Vivekyadav0507]

quite interesting and learned some new things also , thank you sir

[@vikasvarma9462]

15:47 present sir 😄 49:20 authentication layout

[@ankushladani496]

?. -> Optional Chaining and ye tab use hota jab ham value koi api ke through ya fir null value milne ke chances ho.

[@manmeetsingh1537]

Amazing chai aur react series ❤

[@sameerraj5800]

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?

[@EmTom995]

Haa bhai mujhe bhi ye doubt 🤔 hai

[@niteshmodi5468]

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]

False && False == true😂

[@pratikjagtap3169]

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

[@adnanashraf6438]

Welcome sir...❤

[@adarshadas3037]

18:37 starting of useform

[@hackmasters617]

18:43 React Hook Form tutorial begins

[@jayrai18]

sir please teach us how to host the project 18:43 React hook forms started

[@nidhityagi2076]

Hats Off for wonderful content you provide. Thanks a lot

[@chaiaurcode]

It's my pleasure🤗☕️

[@mycollegeLife.]

18:35 start useForm tutorial 49:25 authentication layout

[@nitinduke]

18:44 react hook form 49:00 authentication layout

[@ranadeepsarkar7300]

Best react course sir ji

[@devabd404]

instead of optionally check options can we decleare the default value as options=[] ?

[@KalpakChakraborty]

God level tutorials

[@prerakkhunteta1681]

Sir it my honor that I am meet with you

[@RAJADAS-of8pb]

i have a doubt, why we don't pass ref in Input Component as well Button Component

[@sumitsinha995]

18:43 Form Logic Begins

[@Dev-KD569]

42:26 , error == if (userDataa) dispatch (login(userData)) , yaha par conditional bracket mae userData ayega . instead of userDataa

[@akshayseth669]

What is the extension you are using for auto suggestion & completing the code?

[@afzalhamdulay]

7:03 baat mai sacchai toh hai!

[@kushanggharat3352]

powerful content 🤩

[@Dev-KD569]

sir mera ek question tha ki ye jo aap ne 52:38 mae protected component mae aap ne useSelector use kiya hai toh ye useSelector ke pass value kha se ati hai sir ?

[@KESHAVKUMAR-mb2nm]

store se bro

[@082_harshitshukla4]

because useselector has the access of state and state contains the updated values in the store