Learn React Higher Order Component (HOC) in 10 Minutes

Поделиться
HTML-код
  • Опубликовано: 2 дек 2024

Комментарии • 65

  • @shilpachauhan9178
    @shilpachauhan9178 11 месяцев назад +11

    I literally wasted few hours to learn HOC. But This video make me undestand In just 10 minutes. Simple and concise 👏👏

  • @alcidesign
    @alcidesign Год назад +5

    Yo! I've been spending the whole morning trying to understand what HOC was about and you make it clear for me in less than 10 minutes. Thank you bro.

  • @paschalynukwuani6930
    @paschalynukwuani6930 2 года назад +5

    You explained so much in just 10 mins. I really learnt a lot from this tutorial.

  • @altamashaseer5156
    @altamashaseer5156 Год назад +1

    This is by far simplest explanation using functional components on whole utube!!

  • @revanthkumarsake7035
    @revanthkumarsake7035 Год назад

    Best example and very clear exaplanation, If we have this kind of trainer everyone will get job and become good developer. Thank you so mutch.

  • @akashsinha3417
    @akashsinha3417 Год назад +2

    Sir... When I am telling you ke you are the best I MEAN IT. I have been trying to understand HOC for 2 hours now but not a single video is with small but good example... Your video saved my life 😭.... Thank you so much for this code example I will never forget this. ♥️

  • @yazeezy4425
    @yazeezy4425 2 года назад +12

    This was extremely clear and very good. I appreciate the simple and concise explanations / demonstrations you gave

  • @abhirocks550
    @abhirocks550 Год назад +3

    What if we create a single Component with state value as money and an option to increase money.
    they will have a button to increase the bid in component Person. Can you please explain why do we need to add this inside HOC here if the component can manage this using props?

    • @imdanteasy
      @imdanteasy Год назад

      hi! have you found the answer? I have the same idea and wondering why we need to use HOC

  • @JakeOfIL
    @JakeOfIL Год назад +1

    Thank you so much for this! Really helped me understand the basics of HOC.
    What if for Jimmy we multiply by 2 and for John we add 10, is that possible in HOC as well? how will it be written?
    If you could make a video of more complex logic of HOC that would really be amazing!
    Thank you!

  • @messiisthebest
    @messiisthebest Год назад

    Excellent, came from the Coursera meta course to understand this concept more clearly

  • @katynguyen287
    @katynguyen287 2 года назад +2

    great thanks, you're explanation is so much clear and on point

  • @balajiganesh4246
    @balajiganesh4246 3 месяца назад

    Such a simple explanation. Thank you so much

  • @andrewaghoghovwia1948
    @andrewaghoghovwia1948 2 года назад +7

    This explanation deserves a standing ovation!

  • @MoritzWright
    @MoritzWright 4 месяца назад

    That is actually a very good explanation! Thanks!

  • @nalindu
    @nalindu 3 месяца назад

    Thank you! This video gives us a clear understanding of HOCs. 🙏

  • @CreativeNerdVentures
    @CreativeNerdVentures 4 месяца назад

    you explained it very nicely brother. Keep going....
    😊 thanks!!!

  • @Cosmos_the_stardust
    @Cosmos_the_stardust 7 месяцев назад

    Great video, What are the other situations to use HOC ?

  • @ritomukherjee8389
    @ritomukherjee8389 2 года назад +1

    Very beautiful. I am a JS dev for a long but new to React and HOC was one of the concepts I was confused about. You explained it well. I can relate tp a few points explained below.
    I would add some points about the use case for the other viewers:
    1. It makes your code follow DRY( Don't Repeat Yourself) principle. ➿
    2. In React it's always better to avoid as less stateful components as possible. Putting the state in the HOC and making the useable components stateless, made us follow the principle, and made the state centralized for similar code bases. ✅
    3. It's a very much asked question in the interview, not a use case though. 🤣🤣🤣🤣

  • @TheLucasskl
    @TheLucasskl 6 месяцев назад

    Thanks for exelent video, your explication was simple and very good

  • @It_guy613
    @It_guy613 Год назад +1

    very well made, my thanks for who made this video, it's content is concise and simple, perfect for begginers!

  • @danielmorales0917
    @danielmorales0917 8 месяцев назад

    Good explanation, thank you!
    I have a doubt about the "NewComponent", why is it not receiving any prop?
    And why are you returning "OriginalComponent" and "NewComponent"?

  • @blackknightbazil4249
    @blackknightbazil4249 2 года назад +1

    Super bro...good explain...... Look forward to see you with more videos...

  • @Kingofmylife007
    @Kingofmylife007 2 года назад +2

    Thank you so much and please continue to reactjs

  • @doriannamas
    @doriannamas Год назад

    holy sheet best explanation ever, THANK YOU

  • @rakeshshah5783
    @rakeshshah5783 3 месяца назад

    Yes I understood HOC after watching your videos. But I have one doubt Why you created two components with same functionality. We can use the only one components and pass the props for making reusable..

  • @mohammadfarhadi9407
    @mohammadfarhadi9407 Год назад

    Nice and clear!
    Thank you.
    Please make a video for HOC with TypeScript, it is very confusing.

  • @simmzzzz
    @simmzzzz Год назад

    Great explanation! Thank you! :D

  • @mohammadsoleimanikia9087
    @mohammadsoleimanikia9087 Год назад

    thanks for real simple explanation.

  • @arpitsharma-us4ou
    @arpitsharma-us4ou 10 месяцев назад

    it help me for my interview thanks bro

  • @biggeststeppa1
    @biggeststeppa1 8 месяцев назад

    This is amazing. Thank you.

  • @gldzzpro5793
    @gldzzpro5793 2 года назад +3

    best explanation ever thank u .... you earned my sub ... but please but can u give us the name of the vscode theme and how that cool cursor animation works it´s amazing and thank you

    • @ZAINKEEPSCODE
      @ZAINKEEPSCODE  2 года назад +2

      Thanks
      GitHub dark theme with Cascadia Font and cursor blinking expand.

    • @gldzzpro5793
      @gldzzpro5793 2 года назад

      @@ZAINKEEPSCODE thanks man it worked finnally now i look like a programmer

  • @juanjosevillegasayala570
    @juanjosevillegasayala570 5 месяцев назад

    thanks so much master! all clear

  • @misael5179
    @misael5179 Год назад +1

    Amazing tutorial!

  • @m.mugammadhusatem.mugammad561
    @m.mugammadhusatem.mugammad561 3 месяца назад

    Thank you so much ❤❤

  • @ElizeyEnglish57
    @ElizeyEnglish57 2 года назад

    You deserve subscription and thanks alot for this video and sir please guide me line number 9 of hoc

  • @asemalfoqha2766
    @asemalfoqha2766 2 года назад

    Can you make a video of your VS extensions?

  • @erixgutierrez6552
    @erixgutierrez6552 Год назад

    damn, I heard the Indian accent and said noooo xD but in the end my God this was a great explanation, the best I've found about this topic, you get a like and if I find something else like this in your channel you get a subscriber.

  • @thefreemonk6938
    @thefreemonk6938 5 месяцев назад

    Greatest video on RUclips for Higher Order Components. Kudos to you bro.

  • @CodeDreamer68
    @CodeDreamer68 3 месяца назад

    Thanks for this

  • @sahandsepidar4089
    @sahandsepidar4089 2 года назад

    best explanation ever

  • @hoquan9723
    @hoquan9723 11 месяцев назад

    can you give me the font name. thank you

  • @phongnguyen.5322
    @phongnguyen.5322 2 года назад

    good explain, thanks u sir

  • @samislam2746
    @samislam2746 2 года назад

    How to pass props from App to person1 as well?

    • @samislam2746
      @samislam2746 2 года назад

      In addition to the HOC props

  • @developer_01
    @developer_01 2 года назад

    Really nice explanation bro

  • @deebasarwan4605
    @deebasarwan4605 9 месяцев назад

    Well explained

  • @realisticmoment
    @realisticmoment 2 года назад

    You are awesome ✨

  • @amineaqebli5169
    @amineaqebli5169 Год назад

    Thank you

  • @vijaykumarsidda3370
    @vijaykumarsidda3370 2 месяца назад

    really good

  • @anwarhussain5055
    @anwarhussain5055 2 года назад

    Bro make the video with react redux.

  • @lokishandle
    @lokishandle 4 месяца назад

    😆 ex felt personal
    ❤ for HOC

  • @ManamiBhunia-xm5to
    @ManamiBhunia-xm5to 2 года назад

    nice explanation

  • @RihaLV
    @RihaLV Год назад

    thanks!

  • @ElizeyEnglish57
    @ElizeyEnglish57 2 года назад

    i am waiting. i have not cleared this

  • @srinilm3010
    @srinilm3010 3 месяца назад

    helpful!

  • @jrupp2823
    @jrupp2823 Год назад

    you are the fucking man bro omg

  • @jamieblair4336
    @jamieblair4336 Год назад

    Awesome content, just avoid using Fireship themed thumbnail, better to create your own identity

  • @healthadvice3091
    @healthadvice3091 11 месяцев назад

    i have money but im not rich T_T

  • @kushalshukla444
    @kushalshukla444 10 месяцев назад

    jhaat explanation

  • @ghostkee5031
    @ghostkee5031 Год назад +1

    UR ACCENT AND VOICE IS JUST HARD TO FOLLOW WITH