React Hooks Tutorial - All React Hooks Explained with Examples

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ค. 2024
  • Learn all of the React hooks with real examples and use cases for each React Hook. Learn what these React Hooks do, and when you should use them.
    Chapters:
    0:00 Intro & setup
    0:29 useState
    12:20 useReducer
    34:36 useEffect
    51:02 useLayoutEffect
    1:01:41 useRef
    1:15:47 useImperativeHandle
    1:23:32 useContext
    1:34:32 useMemo
    1:49:20 useCallback
    If that was helpful, subscribe to the channel: / @doabledanny
    Follow me on Twitter: / doabledanny

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

  • @eustachio9953
    @eustachio9953 ปีที่แล้ว +1

    Thank you very much for this info. Very helpful and easy to understand. Cheers

  • @aswinsadanandan4110
    @aswinsadanandan4110 2 ปีที่แล้ว +1

    Saw this video on reddit. So far the best condensed video on hooks. Thankyou, will share in other react communities :)

    • @doabledanny
      @doabledanny  2 ปีที่แล้ว

      Thanks Aswin, really appreciate that 😊

  • @ballan00
    @ballan00 2 ปีที่แล้ว +1

    Very clear and concise explanation of each hook. Great work!

    • @doabledanny
      @doabledanny  2 ปีที่แล้ว

      Glad it was helpful!

  • @SergeyLevkovich
    @SergeyLevkovich ปีที่แล้ว +1

    Thanks

  • @bruhman0709
    @bruhman0709 2 ปีที่แล้ว +1

    Thank you, very clear explanations of memoization and its hooks. Never seen it explained as well as here. Good job!

    • @doabledanny
      @doabledanny  2 ปีที่แล้ว

      Thanks Fred, glad it was helpful!

  • @loktar00
    @loktar00 2 ปีที่แล้ว +1

    Fantastic video!

  • @santoshmore2953
    @santoshmore2953 2 ปีที่แล้ว +1

    please start a complete dsa course

  • @anildemir5425
    @anildemir5425 2 ปีที่แล้ว +2

    Hey Danny, thank you for this amazing tutorial.
    Why did we use [action.fieldName] at 22:10 ? why we couldn't use action.fieldName?

    • @doabledanny
      @doabledanny  2 ปีที่แล้ว +2

      Thanks Anil! And good question. The bracket notation is for "computed property names". This should help you: stackoverflow.com/questions/2462800/how-do-i-create-a-dynamic-key-to-be-added-to-a-javascript-object-variable

    • @anildemir5425
      @anildemir5425 2 ปีที่แล้ว +1

      @@doabledanny I appreciate for your quick response!

  • @tekskilldev8310
    @tekskilldev8310 2 ปีที่แล้ว +1

    Great explanations and illustrations. However, audio needs improvement. Would you please improve audio. I can make it out because I have some experience of react and react hooks. It could reduce the value of your such a master piece. thanks

    • @doabledanny
      @doabledanny  2 ปีที่แล้ว

      Thanks for the feedback, I will try to improve audio in future videos.