React Hooks useCallback Tutorial

Learn how to use the useCallback hook in React.

----

----

----

----
Follow Me Online Here:

#benawad
​
----
#benawad

[aleksd]

The best React videos on YouTube to be honest, I've learned so much from these vids, and I can see that my code is getting only better

[abdoumenouer]

I just like how the numbers you chose align perfectly with the timestamp 7:21

[markod]

Dude these hook tutorials are brilliant, and genuinely the best I have come across in my the time I have used React - and I have explored a fair amount online

[Robert-cwev]

Thank you so much!
I used this for interaction with Canvas, because it was updating even if it didn't depend on any state variable.

[yoyoliyang]

这是关于”wrap the 'fetchBusinesses' definition into its own useCallback() Hook“很好的解决方法和教程，感谢！
This is a good tutorial about "wrap the 'fetchBusinesses' definition into its own useCallback() Hook" question. thanks！

[eat_mangos]

this is as good as it gets with youtube tutorials, cheers

[louicoder]

Yo @Ben Awad, you're such a blessing. here in 2020 looking for ways to optimize my code and couldn't find any better explanation than this. Thanks so much for your content. Always grateful, God bless you . Mad love from Uganda [ East Africa ]. 🚀🎉🎉

[EricBishard]

It would be nice to have a series of Hooks videos that build up a small application that utilizes useMemo, useCallback and creating custom hooks from a fundamental first perspective, why these methods will help you create more performant apps and components and a little bit slower of a pace.

I understood this video, but I had to watch it a few times and I'm still trying to think of good practical examples where this info can help me out. Just an idea! This video really helped me though...

[itsmattchan]

Am I the only one that's amazed every video by Ben's keyboard shortcuts?

[austinlords]

Brilliant tutorial. Perfect length and depth of explanation.

[arpielen]

Wish I could have a little Ben in my pocket to carry everywhere I go and he would teach me things when I need 🥴🥴

[Seb]

Very useful thanks. Very hard to not get confused between all different hooks . In my app, I m using use effect most of the time, something isn’t probably right.

[vileider]

Ben you supposed to explain how to use useCallback, and You assumed that I already know custom hooks and useMemo.

[elciesstv]

Love the way u explain, so clean and easy to understand. TY!

[LeonardoXavier]

Thanks a lot, Ben. This series is really helping me to better understand the hooks and I`m watching each video carefully.

In case of this "useCallback" hook, even with you explanation, I can`t figure out when I have to memoize, how to properly do it and how to manage rerenders. I didn't even understand how can your component doesn't rerender and yet shows the incremented number on the screen. So, can you go back, maybe one extra video outside this series, and, from the begining, explain this "memo" and "useCallback" concepts?

Anyway I'm already greatefull for the job you are doing here. It's really helpfull.

[mcnimi]

probably the most helpful video i've seen on react (also native). thank you.

[Twistee]

Did not know you could get rid of state (count) like that in useEffect, that's going to be super helpful!

[teytag]

Sooo useful, thanks for the explanation

[TheElijbet]

Not sure how you eliminated count dependency by using count => count + 1 instead?

[xerxius]

Awesome Tutorial! Thanks for your work. Much appreciated