14 - useCallback and useMemo React Hooks - When to Use useCallback and useMemo

🦄 The useCallback and useMemo are two necessary React Hooks to learn. You should know about them to ensure "when NOT to use them".

Timecodes
0:00 - Introduction
00:23 - What is Application Performance?
01:46 - What are useCallback and useMemo?
07:45 - Usages of useCallback and useMemo
11:47 - useCallback and useMemo Examples
22:58 - When NOT to use useCallback and useMemo?

Important Links:

Thank You!

[tapasadhikary]

Video TOC

0:00 - Introduction
00:23 - What is Application Performance?
01:46 - What are useCallback and useMemo?
07:45 - Usages of useCallback and useMemo
11:47 - useCallback and useMemo Examples
22:58 - When NOT to use useCallback and useMemo?

[syketb]

It's actually too valuable for React Developer. You did a lot of effort to make this video as much as valuable for the learners, Hats off to you.

[MsAbhinaya]

Great stuff! practical examples which we come across during app building and clear explanation. thank you for simplifying these concepts in React.

[vhgqfib]

Hi Tapas, can you please make a another video briefing the differences between useMemo vs useEffect

[jlvbcoop]

Good explanation. The warning you make is important, these hooks should only be used with just cause.

[helenrijo]

Hello Tapas, Thank you so much for the video. I understood the usage of the useCallback and memo. However I tried to modify the GreetingBox component by passing in name (const [name, setName] = useState("");) as the prop like <GreetingBox name={name} /> instead of this <GreetingBox getGreeting={getGreeting} />.
I tried displaying the Hello name in GreetingBox. My doubt is, IS there a difference when we send state (name) as a prop instead of a function(getGreeting) ? Because useEffect is not called when state is passed as prop whereas when we pass in as a function I can see Useeffect getting called whenever the button is clicked.
like

[mahabub_alam]

Nice one i should say best one
Thanks for explaining in a easy and understandable way :)
I get my answer why should we use useCallback() and useMemo()
Thank you so much
Really a good video
I saw some videos they are also good but the question that comes in my head that yeah its use for performance but in which way and which performance i was unclear about that one
now it's clear fully

Again
Thanks a lot :)

[damo]

Sir, the value of 'this' is lexical(static) scoped or dynamic scoped? I have a confusion. I think it's dynamic scoped because it gets its value through execution context. But I have already learned, JavaScript only uses lexical scope.

[prasenjitsaha]

Please make a video on useContext and useLayoutEffect.

[nikhilm]

Sir can you give one practical example about Redux

[lingarajhiroli]

Why don't you show the example for useMemo

[suryapeddireddy]

But u r example for callback also work using usememo also😅