09 - How to write Custom Hooks in React - Build an App using Custom Hooks - Refactor React Component

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

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

  • @ramekabalsingh3504
    @ramekabalsingh3504 8 หลายเดือนก่อน +2

    nice explanation!

    • @tapasadhikary
      @tapasadhikary  8 หลายเดือนก่อน

      Glad you liked it!

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

    Very clear explanation . Thank you for your great effort

  • @Leesdjo
    @Leesdjo 11 หลายเดือนก่อน +1

    Thank you sir. Your video content is great. Love it much.

    • @tapasadhikary
      @tapasadhikary  11 หลายเดือนก่อน

      Great, glad to know you are enjoying it 😀

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

    Much awaited sir. I always wondered why custome hooks. Thanks for this

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

    I though custom hooks are complex and never attempted to understand it. But Tapas has made it easy. No complexity, no jargon - He has just made it simple. Great work.

    • @tapasadhikary
      @tapasadhikary  ปีที่แล้ว

      You are right, it's a much simpler concept than how we anticipate. Thanks for your comment 👍

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

      We thought it's complex and never tried. After seeing ur video, it's just simple.

    • @tapasadhikary
      @tapasadhikary  ปีที่แล้ว

      It is 👍

    • @tapasadhikary
      @tapasadhikary  ปีที่แล้ว

      Thank you!

  • @web3Logic0
    @web3Logic0 11 หลายเดือนก่อน +1

    Lots of love For you .😍😍

    • @tapasadhikary
      @tapasadhikary  11 หลายเดือนก่อน

      Thanks, mate ❤️

  • @takshpatel2667
    @takshpatel2667 11 หลายเดือนก่อน +1

    nice explanation.

  • @letshope5646
    @letshope5646 11 หลายเดือนก่อน +1

    superb explanation of custom hooks and api calls...looking forward more from you sir....Thanks much but where i can find your quiz questions?

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

    Wow this channel is a gem! Thanks sir!

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

      Thanks a lot, Andrew 💙. Just wish more people to know about the channel 🤩

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

    Great teaching...!!!

  • @SurendraSingh-tf7tk
    @SurendraSingh-tf7tk 2 ปีที่แล้ว +1

    🔥🔥🔥🔥🔥🔥 Quality

  • @KarthickRajan-y2x
    @KarthickRajan-y2x ปีที่แล้ว +1

    I think we need to create the fetchData function outside of the useEffect otherwise it will create that function every time when the useEffect runs. Explanation is simple and good thanks for the video.

    • @tapasadhikary
      @tapasadhikary  ปีที่แล้ว

      Yes we can. It was for example purpose. Thanks a lot.

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

    Nice job. I understand that this video tries to teach how to create a custom hook and does not go any further, but I observe in it that every time the user types a letter in the search field, an API call is made. This affects performance. Are you going to indicate in future videos how to avoid this?
    In another hand, I don't understand what Routing out-of-the-box means. Can you give more information?

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

      Yes we will take care of performance in future videos.
      Out of the box means React library provides it by default.

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

    quality content! but upload more videos frequently otherwise its breaking the flow! anyway looking forward to another hooks

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

    ✊🔥👍

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

    Hey Tapas,
    I think there is a problem during the search call, Like on all each character the api request goes on each character, sir can we optimize this ?

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

      Hey Darshan, Thanks for calling it out.
      Yes, we must optimize the API calls in the real apps. In this video my focus is to explain hooks than optimizing the API calls. But, when we make it production ready, we must optimize.

    • @jaindharshan9704
      @jaindharshan9704 ปีที่แล้ว

      @@tapasadhikary I mean can we optimize the number of requests

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

      Can you please create the separate video on how to reduce the number of api requests on each character ?

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

      @@jaindharshan9704 Done! I will plan it.

    • @jaindharshan9704
      @jaindharshan9704 ปีที่แล้ว

      @@tapasadhikary thanks a lot bro

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

    The syntax of useState is const [state,setState] = useState(initialization).......now my question is it mandatory to have same datatype for initialization and state

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

      Kishore, what do you mean by the same data type? Do you mean it has to be the same data type of the value that we set later with the one we initiated with?

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

      @@tapasadhikary Yes, you got it correct, thats my question

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

      @@kishoregautam1096 You can set any data type later after you initialized the state.
      You can play around with this concept from here: stackblitz.com/edit/react-jv6a4d
      One important thing to note, in the Class component, when we set the object as value, it merges, in the case of useState, it replaces.

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

      @@kishoregautam1096 Hope you got the answer.

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

      @@tapasadhikary Yes, thanks alot. The way you explain the concept is exceptional

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

    sometimes you are talking too fast! and its not easy to follow you!

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

      Let me know on which part you felt so. As you are learning React from this video, I’m also learning to make videos 😅. We both will go pro soon. Feedback helps!

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

      @@tapasadhikary I appreciate you asking; on video 08, I faced this issue, so i changed the playback speed! Besides that, the tutorials are fantastic! especially when concepts are repeated in subsequent videos...

    • @tapasadhikary
      @tapasadhikary  ปีที่แล้ว

      Thanks a lot 👍