Custom Hooks in React (Design Patterns)

VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"

In this video, we talk about Custom Hooks in React. Custom Hooks is one of the foundational concepts in modern React, ever since the introduction of Hooks in React 16.8. Custom Hooks in React allow you to extract logic in a shared hook that can be re-used across multiple components. It helps encapsulate logic in an efficient way, and helps build clean React applications that scale really well. In this video, I will show you how to apply the Custom Hooks design pattern in React.

[ericlorback]

These types of videos are the types of videos that I benefit from the most. Very clean and very straightforward. Thank you

[hazemgharib]

I love that you make it look so easy even for people who are not very much experienced with react.

[SaurabhMisra-yflf]

Awesome tutorial! Clear, concise and exhaustive. 💯

[sontranvan]

it helps me a lot, really appreciate all of your videos, thank you

[socaramdhani]

very nice clear precise and effective video, every time ads come i will never skip the ads i'll try to help people like you as best as i can😁

[doorey]

Perfect tutorial. Must watch for beginner react devs

[muhammedsahad]

I could learn a lot of from your videos. ❤

[brNoMundo]

Seus vídeos são incríveis e explicativos 👏👏👏👏

[arturmrozinski]

Awesome, now I need to do it again in slow motion with a lot of extra processing :)

[nanonkay]

React devs, this guy is the real deal. Trust

[akilavan]

Hi I have watched your single responsibility principle, in that video you have mentioned a separate util to fetch the api, should the api fetching part in the useFetchComments should moved separately to achieve SRP ?

[mohamedsalimbensalem]

can you please make a video about casl in react ? or virtualization in react (from scratch)

[DellmantHD]

Can you make a video guide for Vim in vs code. how to do add it and set it up. Would be very usefull. Thanks!

[hellobrunao]

Hey.. amazing explanations. A question came up... couldn't the handleFetchComments function be wrapped in a context function and be shared between the the page and the hook, instead of wrapping it with useCallback?

[mahadihassan]

Do we have any code repo for this video?

[macismail]

Great and simple tutorial to understand Custom Hooks, thank you. Just a question though - how does it improve performance comparing to the initial code as you explained?

[kaluczadzsi]

Love your videos, will you create a react course with TS? I would definetly buy it!

[aarondean]

Firstly, this is incredible content! Very clear instructions. Quick question: what if you've abstracted state that needs to be updated via some sort of interaction (e.g. like a button click)? do you also pass down "setters" for the state, or is that an anti-pattern?

[bharadwaz]

I humbly suggest considering a tutorial series that encompasses all the essential topics.

[anonysmooth]

hi question when to use this clean up pattern?

useEffect( ()=>{

var mounted = true
// do logic here

return () => { mounted = false }

}, [])