HOC Pattern in React

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ม.ค. 2025

ความคิดเห็น • 31

  • @thatbackbenchdude
    @thatbackbenchdude 14 วันที่ผ่านมา

    Guess what, I stumbled upon this same article, I was too lazy to read it so I searched HOC on youtube and now this guy is just helping me read it. what could be more easy than this 😆

  • @emanoelinfinity
    @emanoelinfinity 4 หลายเดือนก่อน +13

    This was just a reading. It would be interesting to have an explanation with more modern examples. Because this form is now considered a legacy.

  • @BinaryBridge
    @BinaryBridge 4 หลายเดือนก่อน

    A very good and informative content in a row

  • @golden7877
    @golden7877 4 หลายเดือนก่อน +2

    Since i discovered your channel i add your name to every youtube search i do,you are simply the best react tutor on youtube, keep up these videos!
    A video idea that i would love to see frrom you is " Migrating to typescript in react" where you explain why we use react with ts and all that related stuff.

    • @cosdensolutions
      @cosdensolutions  4 หลายเดือนก่อน

      I have a JSX to TSX video actually! But will do more

  • @turgunov28
    @turgunov28 4 หลายเดือนก่อน +4

    thanks mate for great video :)

  • @vortexdeo4545
    @vortexdeo4545 3 หลายเดือนก่อน +1

    Ohh, so those {connect, mapStateToProps etc} from 'react-redux' are actually HOC for class component because hooks can be only technically used in functional components!
    Damn! In one of the interviews I couldn't explain why we expliclty need these since we can do that same thing with Hooks for some conditional rendering to wrap child component for that matter.
    Now i understand, so thanks

  • @coder_one
    @coder_one 4 หลายเดือนก่อน +8

    Reading this code without TS types is a torture....

  • @bestformspielt
    @bestformspielt 4 หลายเดือนก่อน +1

    Another pro for HOC is that you separate the concern of receiving data from rendering that data which makes the component easier to write and test. I still would prefer hooks in almost all cases but I think this point should have been mentioned in the article.

  • @strategistaow3520
    @strategistaow3520 4 หลายเดือนก่อน

    I want to test react app but i have "react router dom 6" i don't know how to test two libraries. I only starting to create tests

  • @geforcesong
    @geforcesong 3 หลายเดือนก่อน

    seldom use this pattern

  • @SuriyaJ-u9h
    @SuriyaJ-u9h 4 หลายเดือนก่อน

    after long time live web tab redux store are getting empty why?

  • @mister_n3510
    @mister_n3510 4 หลายเดือนก่อน +1

    nice video

  • @priopambudi9533
    @priopambudi9533 4 หลายเดือนก่อน

    Hi, thanks for your video. I want to ask, is your project React course covered about middleware?

    • @cosdensolutions
      @cosdensolutions  4 หลายเดือนก่อน

      Middleware isn't covered because we don't have a real backend! All of the data is mocked to make it easier for beginners to focus on the React part

  • @regilearn2138
    @regilearn2138 4 หลายเดือนก่อน +2

    Please do a video on Render prop pattern

  • @Vladyslav.L
    @Vladyslav.L 4 หลายเดือนก่อน +20

    Bro literally reads an article on the video

    • @vadimivanovich1827
      @vadimivanovich1827 4 หลายเดือนก่อน

      How high are you bro? 😁

    • @Dadaadad268
      @Dadaadad268 4 หลายเดือนก่อน +1

      Yeah pretty lame

  • @gerasim_vol
    @gerasim_vol 4 หลายเดือนก่อน

    "Button" component needs to receive and use "style" prop

  • @vigneshwaran456
    @vigneshwaran456 4 หลายเดือนก่อน

    Can you post a video about cross browser compatibility.

  • @Niamudeen
    @Niamudeen 4 หลายเดือนก่อน

    Can you do a review of my react project bro? I just want to know what things I am lacking to level up.

  • @seanjonas5024
    @seanjonas5024 4 หลายเดือนก่อน +1

    Hi

  • @shubhamgupta-bl1tr
    @shubhamgupta-bl1tr 4 หลายเดือนก่อน

    Render prop pattern

  • @codehunter1366
    @codehunter1366 4 หลายเดือนก่อน

    Aw, why you read article as always hehe

    • @cosdensolutions
      @cosdensolutions  4 หลายเดือนก่อน

      Diversifying my content a bit 😁

  • @PalladinGOLD
    @PalladinGOLD 3 หลายเดือนก่อน +1

    Good chanell, but BAD video. You’re just reading. I think it would be better if you wrote the code with TS in IDE

  • @danielniels22
    @danielniels22 4 หลายเดือนก่อน

    is this another word of Currying?