Production grade react components

Поділитися
Вставка
  • Опубліковано 26 сер 2024
  • 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

КОМЕНТАРІ • 1,7 тис.

  • @nitinmuthe7357
    @nitinmuthe7357 11 місяців тому +195

    As a React professional, I want to tell all viewers that Hitesh Sir has almost exposed industry-grade coding practices here. Hats off to Hitesh Sir!❤, I would like to urge students not to let him down and to motivate him as much as you can by sharing, liking, and subscribing.

  • @ramansworld3879
    @ramansworld3879 6 місяців тому +27

    Content is next level, I must admit I have to watch again for a better understanding...But before that, a big thanks to you Sir, for bringing this in free lectures...no one is doing this...hats off 🙏🙏

  • @mahendra.g.patil05
    @mahendra.g.patil05 3 місяці тому +10

    I'm watching this video on 25-04-2024.
    Sometimes I feel like I can't understand, but after focusing on the videos and practicing, I'm starting to get how the files and code flow work. Really great videos that you are making, Hitesh! Appreciate it a lot!

  • @AMANKHAN-nc5gp
    @AMANKHAN-nc5gp Місяць тому +4

    Watching on 10-07-2024
    Sometimes feels difficulty bcoz thia is of industry level, but it requires little attention.
    Sometimes, I think to quit bcoz of your high level , but then think I need to increase my level in that era of "AI".
    Thank you sir for providing such an amazing content free of cost ❤️❤️.

  • @Rishav786
    @Rishav786 10 місяців тому +37

    Today is 18-10-23 at 01:45'clock (A.M) in Midnight after coming to my job, I am watching this video...
    I want to sleep because I am tired but still here to learn some new things...
    Thank you for your effort, sir....

  • @SarveshKumar-08
    @SarveshKumar-08 8 місяців тому +13

    00:03 Understanding React components for form validation
    01:56 Create separate component for button and input field
    05:27 Updating React components gradually
    07:14 Importing components in React using index file
    11:14 Create a dispatch and a logout handler
    13:20 Create a button component with specific features
    17:52 Creating objects and adding values to them is a common syntax in production-grade React components.
    19:36 Create a navigation bar with a logo
    23:20 Adding navigation with React Router
    25:13 The video discusses the importance of adding classes and future-proofing in React components.
    28:33 React components can be referred to as children or text
    30:21 Pass variables and attributes to React components
    34:13 Creating production grade React components
    36:00 Creating a Input component
    39:22 Creating unique IDs for accessibility purpose
    41:01 Passing variables and writing classes in React components

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

    I have never seen such good teaching in Hindi before. Your content is easy to understand and well-structured. How to view and use documents👌. Thank you sir ❤

  • @NeedToKnow.
    @NeedToKnow. 5 місяців тому +3

    Today is 06 March 2024 learning this concept while on a bench in the current organization btw I am a software tester and want to switch my career to this. I am thankful to Hitesh sir because of him I can easily understand complex topics. Thank you so much sir ❤much appreciate your hard work..

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

    I am extremely satisfied with your React course. I would highly recommend it to anyone who is interested in learning React or who wants to improve their React skills.

  • @user-ip1ow4of7u
    @user-ip1ow4of7u 11 місяців тому +6

    what is ref and how it's work ?
    Ans) when we write const myRef = useRef() , myRef is been intialize with object having property current and having default value undefined. so myRef = { current: undefined }
    we provide ref to it when we write something like this
    here myref.current will have reference to the input DOM element so that we can manipulate it whenever neccessary.

  • @abhi_yt312
    @abhi_yt312 22 дні тому

    After learning and developing projects in React, I am eager to delve deeper into configuring Appwrite with React. One day, while browsing UA-cam with a cup of chai in hand, I stumbled upon the Chai aur Code channel.
    Thank you Hitesh Sir for this top notch content.
    Love you 3000❤❤

  • @chandradeepjadhav
    @chandradeepjadhav 2 дні тому

    Big thank You Sir.....!!! You are a Role Model for All aspiring React Developers

  • @hussainmodiwala
    @hussainmodiwala 10 місяців тому +4

    forwardRef was a new thing I learnt today. I had never even heard about it, nobody tells that. And similar kind of problem I faced as I didn't knew about this concept. Great effort sir ji

    • @TW-uk1xi
      @TW-uk1xi 7 місяців тому

      Same here

  • @charujain4308
    @charujain4308 11 місяців тому +6

    Hi Hitesh ,
    You are truly a blessing to the developer community ! Your tutorials have really helped me in gaining coding and technical skills.Thank you for sharing your knowledge and passion with us !!

  • @user-ds3ki7nh5b
    @user-ds3ki7nh5b Місяць тому

    Sometimes I feel like I can't understand, but after focusing on the videos and practicing, I'm starting to grasp how the files and code flow work. The videos you make are really great, Hitesh! I appreciate them a lot!
    I'm watching this video on 26-07-2024.

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

    took me 5-6 hrs to complete this lecture,so much depth and things to learn ,amazing Hitesh Sir

  • @digvijaysingh1105
    @digvijaysingh1105 11 місяців тому +9

    You are my Guru Drona for me😔🙂🙂

    • @chetan_rajputt
      @chetan_rajputt 10 місяців тому

      Bro can you send your LinkedIn profile

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

    Today is Date: 7 June 2024, 9:06PM...
    Was committed to end this series till 31 May, but cudnt, so next deadline is 12-15 June, as now, i became aware of the fact that react is not easy as i thought, it need lots of practice, research and self study...Hats off to your teaching skills sir, really you are the only hope to become 'Perfect Web Developer', not any other mediocre...

    • @aqsamumtaz-tn6lb
      @aqsamumtaz-tn6lb 2 місяці тому +2

      Great Best of Luck

    • @aqsamumtaz-tn6lb
      @aqsamumtaz-tn6lb 2 місяці тому +3

      can we connect on Linkedin?

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

      @@aqsamumtaz-tn6lb any help you want here, i can do ??

    • @LearnerAbhi21
      @LearnerAbhi21 2 місяці тому +1

      @@aqsamumtaz-tn6lb any help that you want, here...?

    • @LearnerAbhi21
      @LearnerAbhi21 2 місяці тому +1

      @@aqsamumtaz-tn6lb any help you want here ???

  • @Dev-Phantom
    @Dev-Phantom 5 місяців тому +2

    These concepts are not easy to understand and apply , but sir you have great knowledge and Patience to explain all the concepts. Thanks again

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

    43:20 yes sir we can relate ki jab lecture crash hota hai tab kaisa feel hota hoga
    thank you very much sir for your efforts ❤❤

  • @falikumarsah9601
    @falikumarsah9601 11 місяців тому +4

    Hello Hitesh sir, still i am learning javascript through your javascript series. I have one question... should I join PW skills for web development course and placement??...how much i it's helpful if i will take course from PW skills??

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

    mahino baad dekh rha hu but series is still one of the best, shuru me thodi dikt ayyi thi but mega project bhot acha ja rha hai

  • @user-tm8sn8dz5j
    @user-tm8sn8dz5j 3 місяці тому

    the way hitesh sir explains is the easiest one and I find it like binge watching
    thanku sir

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

    Watching on 25th July, 2024. This series is so good because it's fairly complex and the flow of working is taught very well! Than you!❤

  • @SumitJangid-dp4bt
    @SumitJangid-dp4bt 2 місяці тому

    Great teacher
    he made react a easy concept , after watching this series all youtube tutorial on react seems so easy, thank you so much sir

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

    I am looking for React Job, and this series is helping me a lot to manage myself in inteviews as well as while entering into the realtime projects in comapny.

  • @Abhishek-xm4hb
    @Abhishek-xm4hb 6 місяців тому +2

    The best tutor as teacher for coding...

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

    I'm watching this video on 08-07-2024
    Sir, your explanations of React topics are the best! You've explained everything so clearly and in-depth that it keeps me engaged.

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

    24 april 2024 , learning react with you sir, loads of appreciation for such marvellous content.

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

    Watching this series for the second (first time was in nov-dec 2023) time in my internship (15-06-2024) onwards.
    thanks a lot hitesh sir

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

    best react course sir , hats off to you

  • @user-sf6uh2ex2u
    @user-sf6uh2ex2u 5 місяців тому

    Hello Sir this is 3rd time i am watching this course because i really like your contents , when i have watched this course first time al most i have learned react but i want watch this again and again....

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

    Watching this on 9 July 2024 . Although after some days I have my end semester exams for 4th semester but still I am here learning react and building this mega Project.

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

    Your videos are absolutely amazing. The way you teach is truly unmatched. Your explanations are crystal clear, and I’ve learned so much from your content. Thank you sir

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

    So much in-depth about react, I think there is no one who taught this much kind of in-depth knowledge on UA-cam.
    Thanku sir for providing such a great content ❤

  • @RanjanKumar-gl8se
    @RanjanKumar-gl8se 2 місяці тому

    I am watching this video on 22/06/24. It's 9:30 AM. This react series gives me next level confidence in coding. Sir, you keep me alive in coding journey. Thanks a lot sir!❤

  • @UttamSeervi-qc9fp
    @UttamSeervi-qc9fp Місяць тому

    iam watching this video on 07-07-24
    Sometimes I feel like I can't understand, but after focusing on the videos and practicing, I'm starting to get how the files and code flow work. Really great videos that you are making, Hitesh! Appreciate it a lot!

  • @anshukmishra4520
    @anshukmishra4520 2 місяці тому +1

    I feel that after applying changes, we should see the real-time status of our project. This helps us develop a good understanding of the concept. You can improve the videos of the capstone project because, at this time, without even running the code, the audience is simply coping with your code.

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

    36:11
    you can also use this
    function Input()
    {
    return (
    )
    }
    export default forwardRef(Input)
    instead of wrapping at top just write normal function and wrap it at end

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

    best teacher in this field, thank you guruji

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

    production grade, Too good for developer. Thanks sir for such a wonderful effort. very interesting lecture

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

    Watching this video for the second time at 13:04 19/06/24 at chai aur react for better concept clarity🙌🙌

  • @MRYASH555
    @MRYASH555 15 днів тому +1

    11-08-2024 Pheli Baar Aapka Koi Full Course Dekh Raha hu Vaise aapki normal Videos dekhta hu

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

    Today is 25th July 2024 learning this concept and I would like to thank Hitesh Sir for putting their efforts and make our learning very easy.♥

  • @Ady-tf1jm
    @Ady-tf1jm 2 місяці тому +1

    33:35 forwardRef example.
    Thankyou sir for this lecture.

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

    very grateful to learn something new in premium way thankyou sir you gave us most premium content in free 🥰

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

    Hi Sir, I'm watching this video on 18 May'24 at 17:35 PM. One more thing sir, const hitesh = ["super", "duper", "ultra", "pro max", "plus amazing"] , i don't have words to admire you, but you are my inspiration .

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

    aapke bgchanger wale lecture se, FORWARD-REF jaisi chiz hi dhund raha tha main
    aur aaj mil gaya

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

    I am Watching this video on 05-06-2024.
    Thank Sir for such a quality and useful content for free of cost.

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

    watching on 11 may 2024 really liked you way of teaching Thankyou for this

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

    The efforts put into creating this series are truly amazing and remarkable! Coding has never been this easy for me. I am brushing up my ReactJs and Javascript skills for the placements. Thanks, Hitesh Sir

  • @Vijayalaxmivastrad
    @Vijayalaxmivastrad 2 місяці тому +1

    Hello, I am watching this video on 07/06/2024. so so grateful for this series. Thank you so much.

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

    Best course i have ever seen, thank you hitesh sir🔥🔥

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

    Today is 27-03-24 at 2:00'clock (P.M) in Afternoon and I'm still continuing the series. Thank you sir for your bestest react series on this platform.

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

    Next level content hai sir ji ...
    Hatts off to your hardwork Hitesh Sir ❤

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

    Hope none of your videos ever crashes, appreciate your efforts. Jai Ho 🙏

  • @user-ny3yp5hf8t
    @user-ny3yp5hf8t 5 місяців тому

    Hello sir, I am gaining confidence by watching your React tutorials.

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

    Joined you from 30-05-204 to till date.... more love and support to you Sir.

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

    As a react developer i really apriciate your work. In our Mother toungue your tutorial is awesome. 05/06/2024

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

    Today is 1 May 2024 learning this concept .Thank you so much sir much appreciate your hard work..

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

    Truely incredible sir, is tarah ke content k liye paise dete hy but fir bhi khali hath ana padta ...sir aisa nai ho sakta kya ki apke one on one ho karke

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

    Your teaching higher component concepts without mentioning the concept name behind production grade applications is an interesting fact.

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

    The way you teach is just amazing ,thankyou so much sir for your immensive dedication towards providing us such amazing knowlegeable vidoes at free of cost and hats off .💯💯

  • @AbhishekSingh-xg3zj
    @AbhishekSingh-xg3zj Місяць тому

    Thank you so much Hitesh sir for making such a wonderful course that too for free. Thank you so much ❤

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

    can relate to making video again because I also make videos again when something bad happens, even though My coding videos aren't like yours, the explanation you give is just mind blowing

  • @darksideff8706
    @darksideff8706 8 днів тому

    Respect++❤ when you say agar crash ho gya to😢

  • @Rajeshmaurya-tz9ez
    @Rajeshmaurya-tz9ez Місяць тому

    Every time you introduce us to a new concept, we learn a lot ❤

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

    Baap Baap hota hai.....
    Hats off!!!🙇‍♀🙇‍♀

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

    Hats off to you Hitesh sir, for your infinite dedication to us, which is immeasurable

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

    Watching this on 14-07-2024.
    And Thank you so much for making this type of videos.

  • @CocTipstricks-um9rz
    @CocTipstricks-um9rz 4 місяці тому

    I am watching this series continuously from 3 days and i reached here so fast!😌😌 Today is date 10/04/2024 and time is 18:11. Hitesh sir you're doing awesome job for the students! I really appreciate your efforts and wanna meet you in real life my idol🙇🏻

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

    Upskill yourself with this authentic pathway

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

    Loving this series so much ...

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

    First time i understand properly, why we need forwardRef

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

    I watching this video on 06-07-2024
    such an amazing work.

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

    bahat efforts diya he sir ne . Jaya nehni jayega appki efforts , job leke hi rahenge .

  • @faishalkhan.786
    @faishalkhan.786 3 місяці тому +1

    Today is 07th may 2024 . Thnaks for your efforts sir !

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

    your mehnat and our consistency goes hand in hand🤝

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

    As always very informative, Thank you for making this kind of content
    What about a 'Cutting chai" video on multimedia and why such accidents 43:28 happens and how to avoid them

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

    best react series till date

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

    You talk about new techs, And i really encourage you to make a tutorial on RTK Querry. Beccause its also in demand.

  • @relaxation_music-7ym
    @relaxation_music-7ym Місяць тому

    Thanks A Lot Sir for such Production Level Knowledge ❤❤

  • @SarthakGoyal-gr4db
    @SarthakGoyal-gr4db 5 місяців тому

    05/03/2024 watching the course continuously , its an amazing course of react js

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

    sir your efforts for us are speechless. as i saw many videos related to programming on internet but you are on another level keep making this amazing cotent for us

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

    27:51 Button component
    34:32 Input component

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

    Watching this video on 20th April 24. Loved it easy to understand and thanks for this series.

  • @Suraj.5260
    @Suraj.5260 4 місяці тому

    sir this series just keeps getting better and better 🤯🤯 thank u.

  • @ShivamKumar-rm3mu
    @ShivamKumar-rm3mu 20 днів тому

    This series is really great and helpful

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

    "You are doing a great job, sir. God is always with you."

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

    I don't want to criticize or judge any other UA-cam creators as everyone is doing their own efforts in their respective content creation but till date i didn't find any UA-cam creator who keeps up the dedication of recording video for 3rd or 4th time after their previous videos being crashed I mean WOW! It sets an example that if he is willing to do the work then as a student who is watching his video should take it as a motivation that everything is possible you just need to have a positive mindset, Hats off you Sir ❤☕🙌🏻

  • @AyushSharma-ik7bx
    @AyushSharma-ik7bx 3 місяці тому

    13th may 2024. Still the best react course i watched

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

    Thank You for this beautiful lecture

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

    its 3:00 o clock PM date 7th march 2024, watching it 2nd time and trying to gain the confidence in developing production grade app... ab chaye aur code pr aaye h to concept or confidence strong kr k hi jaynge...😉

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

    "Sir, I studied in paid bootcamps, but I have never seen a teacher like you. Your explanations are superb, and I love you, sir."

  • @ayannema8207
    @ayannema8207 3 дні тому

    "AAJ KI PARESHANI ACHHI HAI" ~ Hitesh sir

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

    Thanks. I was facing the problem in my project and you have solved it by forward ref hook. Thanks SIr. once again.

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

    Best React Course on UA-cam

  • @rushikesh1009
    @rushikesh1009 2 дні тому

    Thank you sir , love this playlist.

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

    Today 12/05/2024 at 12:30 am and completely relying on this react playlist for my upcoming job

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

    i can not except this type of coading on youtube