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

👋 Learn how to write Custom Hooks in React. In this video, we will build an application with Component Architecture and then refactor it using the Custom Hooks.

The end-to-end video will provide you with a real-life use-case of how and why to use Custom Hooks. I'm sure it is going to be fun learning 😊.

🏃 All set? Let's go then...

Timecodes
0:00 - Introduction
00:32 - What Are We Building Today? Know the App.
02:14 - Build a GitHub Search using React Component Architecture.
24:23 - Result of the Last React Quiz.
26:16 - Custom Hook to Perform GitHub Search.
34:11 - Wrapping up & What's Next?

🔗 Important Links mentioned in the video:

Other Links:

🤝 You can support my work by following me on the above platforms and/or sponsoring me using any of these links.

Many Thanks 🙏

[shivk]

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

[andrewaghoghovwia]

Wow this channel is a gem! Thanks sir!

[indikaaruna]

Very clear explanation . Thank you for your great effort

[letshope]

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

[Leesdjo]

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

[VishalSinghVP]

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.

[yfqvgqq]

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.

[rakaa]

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

[jlvbcoop]

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?

[jaindharshan]

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 ?

[kishoregautam]

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

[yasamanghassemipanah]

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