How to use React hook form in production

Поділитися
Вставка
  • Опубліковано 27 вер 2023
  • Visit chaicode.com for all related materials, community help, source code etc.
    Sara code yaha milta h
    github.com/hiteshchoudhary/
    Discord pe yaha paaye jaate h:
    hitesh.ai/discord
    Instagram pe yaha paaye jaate h:
    / hiteshchoudharyofficial
  • Розваги

КОМЕНТАРІ • 629

  • @kunalgupta9088
    @kunalgupta9088 8 місяців тому +62

    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.

  • @neerajdhakad2858
    @neerajdhakad2858 9 місяців тому +30

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

  • @charujain4308
    @charujain4308 9 місяців тому +13

    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 6 місяців тому +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 6 місяців тому

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

    • @universalcosmologist3675
      @universalcosmologist3675 17 днів тому

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

  • @mubashirmalik8393
    @mubashirmalik8393 5 місяців тому +1

    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.

  • @armanali-xq1el
    @armanali-xq1el 7 місяців тому +4

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

  • @niteshtak7830
    @niteshtak7830 4 місяці тому

    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

  • @tojifushigoro3134
    @tojifushigoro3134 4 місяці тому +1

    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❤

  • @FaizSultan430
    @FaizSultan430 9 місяців тому +2

    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

  • @KULDEEPSINGH-eu8me
    @KULDEEPSINGH-eu8me 6 місяців тому +2

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

  • @allyn3015
    @allyn3015 3 місяці тому +1

    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 25 днів тому +1

    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 ❤

  • @tojifushigoro3134
    @tojifushigoro3134 4 місяці тому +3

    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 4 місяці тому

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

  • @Tylor_Rodriguez
    @Tylor_Rodriguez 2 місяці тому +3

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

  • @ramansworld3879
    @ramansworld3879 5 місяців тому +1

    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 🫡

  • @asmittyagi6250
    @asmittyagi6250 5 місяців тому +5

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

  • @stocksandbeyond
    @stocksandbeyond 9 місяців тому +2

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

  • @safialiaqat9832
    @safialiaqat9832 7 місяців тому

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

  • @ayushp4471
    @ayushp4471 6 місяців тому

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

  • @harsharora1466
    @harsharora1466 9 місяців тому +37

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

    • @jayashsaini8927
      @jayashsaini8927 2 місяці тому

      Me Bhi Bas sir Jaipur me khi dhik Jaye

    • @riteshbisht94
      @riteshbisht94 День тому +1

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

  • @jhaempyre
    @jhaempyre 4 місяці тому +1

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

  • @utkarshsingh7804
    @utkarshsingh7804 4 місяці тому +2

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

  • @Sandeep-zd6dq
    @Sandeep-zd6dq 9 місяців тому +1

    Sir this series going to be the best series on react on UA-cam 😎🙌

  • @devpatel7302
    @devpatel7302 5 місяців тому

    Sir your The Artist , you know art of teaching and how beautifully you teachs that boosts the confidence......

  • @geekguri_tech
    @geekguri_tech 5 місяців тому

    Kya kamaal series hai sir ji
    Love from Amritsar, Punjab

  • @waqarali191
    @waqarali191 8 місяців тому +3

    Hitesh Sir You are the one of the best teacher on UA-cam❣❣❣❣

  • @manthanharale3877
    @manthanharale3877 3 місяці тому

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

  • @Ajmal_Hossain
    @Ajmal_Hossain 6 місяців тому

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

  • @codersenjoy
    @codersenjoy 4 місяці тому

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

  • @Vivekyadav0507
    @Vivekyadav0507 9 місяців тому +1

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

  • @tojifushigoro3134
    @tojifushigoro3134 7 місяців тому

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

  • @TheALOKROY
    @TheALOKROY 8 місяців тому +6

    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  8 місяців тому +4

      My pleasure and glad to hear that 😊🙏

  • @Dev-Phantom
    @Dev-Phantom 4 місяці тому +1

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

  • @manmeetsingh1537
    @manmeetsingh1537 3 місяці тому

    Amazing chai aur react series ❤

  • @082_harshitshukla4
    @082_harshitshukla4 5 місяців тому +1

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

  • @riteshdholkhediya4532
    @riteshdholkhediya4532 9 місяців тому

    Love for this series❤❤

  • @developer_dhanji
    @developer_dhanji 4 місяці тому +2

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

  • @vanshika_ji
    @vanshika_ji 2 місяці тому

    Thank you for your hard work!❤

  • @Itsarmemon
    @Itsarmemon 6 місяців тому +1

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

  • @nidhityagi2076
    @nidhityagi2076 Місяць тому

    Hats Off for wonderful content you provide. Thanks a lot

    • @chaiaurcode
      @chaiaurcode  Місяць тому +1

      It's my pleasure🤗☕️

  • @parmjeetmishra2
    @parmjeetmishra2 9 місяців тому

    Thank you for wonderful explanation

  • @MuhammadArslan-px1sm
    @MuhammadArslan-px1sm 6 місяців тому

    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.

  • @abhishekkashyap2984
    @abhishekkashyap2984 9 місяців тому

    Worth every second..🙌🔥

  • @ashishdudhatra1232
    @ashishdudhatra1232 8 місяців тому

    Thank you for such useful information.

  • @rishi.sharma413
    @rishi.sharma413 9 місяців тому

    Thank you sir for this amazing content❤❤

  • @jappatel3530
    @jappatel3530 4 місяці тому

    simply amazing learning!

  • @riteshbisht94
    @riteshbisht94 День тому +1

    You are Genius Sir 😍🔥🔥

  • @user-ly9qv8oe9o
    @user-ly9qv8oe9o 7 місяців тому

    great learning from a great teacher ;))
    respect++;

  • @bharath5925
    @bharath5925 9 місяців тому +1

    Brilliant what a dedication

  • @najmulhouda1357
    @najmulhouda1357 5 місяців тому

    Thank you sir for creating this video.
    Take love sir

  • @HarshGupta-ow1uf
    @HarshGupta-ow1uf 9 місяців тому

    Loving these videosss

  • @prikshitrajraj9762
    @prikshitrajraj9762 14 днів тому

    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

  • @ankushladani496
    @ankushladani496 9 місяців тому

    Dhanyavad Guruji...💯🚀

  • @ShubhamGupta-cp6xn
    @ShubhamGupta-cp6xn 5 місяців тому

    Thank you sir for this Project.

  • @lifelonglearner7
    @lifelonglearner7 4 місяці тому

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

  • @ibtisamwarraich9601
    @ibtisamwarraich9601 5 місяців тому

    Nice way of teaching

  • @mitvavirvadiya8993
    @mitvavirvadiya8993 8 місяців тому

    Thank u sir very much for this great content😍😍😍

  • @imran.frontend
    @imran.frontend 3 місяці тому

    Great tutorial

  • @ankushladani496
    @ankushladani496 9 місяців тому

    Dhanyawad Guruji...🎉❤

  • @niteshmodi5468
    @niteshmodi5468 4 місяці тому

    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.

  • @chandrabhushankumar8214
    @chandrabhushankumar8214 9 місяців тому

    Shandaar sir ❤❤

  • @towardstech4616
    @towardstech4616 6 місяців тому

    Successfully caught an error ❤😂 Next Level Feelings.

  • @rahulchaubey7176
    @rahulchaubey7176 3 місяці тому

    Thanks Hitesh.

  • @AbheyKhurana-tc6be
    @AbheyKhurana-tc6be 2 місяці тому

    BEST COURSE

  • @ankushladani496
    @ankushladani496 9 місяців тому +1

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

  • @jashanpreet.753
    @jashanpreet.753 2 місяці тому

    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

  • @tanishkagupta6864
    @tanishkagupta6864 3 місяці тому

    Maza aaya sir Thank you

  • @himanshumain4633
    @himanshumain4633 Місяць тому

    great video !!!

  • @PaulHamen
    @PaulHamen 9 місяців тому +1

    Great content

  • @webunveilers
    @webunveilers 8 місяців тому +1

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

  • @flash8135
    @flash8135 17 днів тому

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

  • @namannema3349
    @namannema3349 4 місяці тому +5

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

  • @pallabdandapat1866
    @pallabdandapat1866 2 місяці тому

    00:00 - 07:30

  • @akhiltaneja4054
    @akhiltaneja4054 25 днів тому

    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😅

  • @supremeleader5516
    @supremeleader5516 23 дні тому

    lajawab content

  • @gulshan07dev
    @gulshan07dev 9 місяців тому

    Thank you so much sir ❤

  • @mmfunandgames8967
    @mmfunandgames8967 9 місяців тому

    Very well explained

  • @user-gc1yw7pr4h
    @user-gc1yw7pr4h 8 місяців тому

    truly sir waoooo maza a gia hy

  • @meersubhanahmad547
    @meersubhanahmad547 2 місяці тому

    Good Sir!!

  • @ShaileshYadav-ds8pq
    @ShaileshYadav-ds8pq 3 місяці тому

    Thank you sir❤

  • @Walkerbuddy
    @Walkerbuddy 4 місяці тому +1

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

  • @YashJaat-co8dk
    @YashJaat-co8dk 5 місяців тому

    Best course of react

  • @prerakkhunteta1681
    @prerakkhunteta1681 9 місяців тому

    Sir it my honor that I am meet with you

  • @musicmelodies8313
    @musicmelodies8313 5 місяців тому

    Great Content

  • @Niteshmaurya1234
    @Niteshmaurya1234 3 місяці тому

    thank you sir reapeating again video

  • @yanshmoradiya
    @yanshmoradiya 9 місяців тому

    great work

  • @KalpakChakraborty
    @KalpakChakraborty 5 місяців тому

    God level tutorials

  • @riteshmauryafullstackdevel3753
    @riteshmauryafullstackdevel3753 6 місяців тому

    superb sir

  • @md_asharaf
    @md_asharaf 4 місяці тому

    thank you hitesh sir

  • @abhimanyupayasi
    @abhimanyupayasi 3 місяці тому

    thank you sir❤❤❤❤

  • @devabd404
    @devabd404 8 місяців тому +1

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

  • @poojalahane2584
    @poojalahane2584 9 місяців тому +1

    Thank you 😊

  • @jatin_9911
    @jatin_9911 2 місяці тому

    thank u so much sir

  • @kshitijsingh8839
    @kshitijsingh8839 9 місяців тому

    Amazing Content

  • @endgame3842
    @endgame3842 9 місяців тому +1

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

  • @satishsingh8297
    @satishsingh8297 4 місяці тому

    Thankyou sir ji!!

  • @arshitcc
    @arshitcc Місяць тому

    Thank You Sir

  • @MotivationalFanClub-7
    @MotivationalFanClub-7 6 місяців тому

    next level content

  • @voldemortff8183
    @voldemortff8183 7 місяців тому

    great learning

  • @BOSS55
    @BOSS55 4 місяці тому +1

    thanks sir