Learn useMemo In 10 Minutes

🚨 IMPORTANT:
Full React Course: courses.webdevsimplified.com/...
1 Year Free Hosting: www.atlantic.net/webdevsimpli...
Use code KYLE for an additional $50
In this video I cover everything you need to know about the useMemo hook. I go over all the main use cases for useMemo as well as many common mistakes that developers make. This is part of a series of React videos where I cover all the important hooks in React.
📚 Materials/References:
useMemo Blog Article: blog.webdevsimplified.com/202...
React Hooks Playlist: • React Hooks
🧠 Concepts Covered:
- How to use hooks in React
- How to memoize values in React function components
- How to use the useMemo hook
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
#ReactJs #WDS #useMemo

[@franco-cespi]

These advanced Ract functions are really tricky to understand. You always come with concise videos that explains them really well. Thank you!

[@webwhale6026]

Agree 💯

[@tajpouria]

Best useMemo introduction video I seen so far, Please cover more hooks

[@xWildStorm7x]

Thanks for the video! Best useMemo tutorial I've seen. And that second use you explained at the end for useEffect with objects and arrays in the dependencies is awesome. I didn't know how to handle those cases.

[@bencodes]

Your explanation is so concise and well thought out. Thank you!

[@girri]

This is the clearest explanation I have seen on this topic! Great work!

[@elhaambasheerch7058]

The amount of clarity Kyle gives while explaining complex concepts is truly unmatched, certainly my go to channel to learn tough concepts.

[@nareshbhati7527]

In every video, you will be taught new things, unlike other TH-camrs. Thank you so much for providing such amazing concepts for free.

[@tienlx91]

2 common use cases of useMemo:
1. When you want to make a slow function wrap inside useMemo so that doesn't re-compute every single time you render your component and it only computed when you acually need the value from that function since the inputs actually change
2. Whenever you want to make sure the reference of an object or an array is exactly the same as it was the last time you rendered if none of the internal workings changed, you're gonna want to useMemo here to make sure that you only update the reference of that object whenever the actual contents of the object change instead of updating every single time you render

[@kirankamath5891]

It is exactly same as Pure components in class

[@ayeshasarwar615]

@@kirankamath5891 isnt point can be achieved through useEffect() too?

[@user-ks9bl8bz9w]

I found 3 cases:
1. Memoizing props to prevent wasted renders
2. Memoizing values to avoid expensive re-calculation on every render
3. Memoizing values that are used in dependency array of another hook

[@itsgojoverfr]

@@ayeshasarwar615 i had the same question but sadly you can't, the variable would be defined INSIDE the useEffect hook and we won't be able to access it outside of it due to scoping

[@aryanshmahato]

It's really helpful.. please explain useCallback and other hooks please

[@daminipurohit6916]

First thing I do to learn a new tech is see if you have a video on it already so I can learn it fast and easily! Thank you very much for helping developers like me out there. Best wishes!! :)

[@yitzchaksviridyuk932]

To be honest, after looking around youtube for some time, I was quite dissatisfied with the tutorials covering react hooks. I clicked on this video ready for another let down, but your video was great!! You cover topics clearly and concisely with a great balance between verbally explaining and showing your code. (I hope that made sense.) Gonna probably go through your whole hooks playlist now. Thanks a lot for the great video.

[@HarshanGandamalla]

The clarity you have provided is amazing..thank you

[@wittyhumour29]

Fantastic tutorial Kyle. Your explanation is precise, on point, and understandable. Your series about React-Hooks is one of the best on TH-cam.

[@ionutsandu5913]

This guy is pure gold when it comes for web development tutorials. Luckily he matches my stack. Can't thank him enough. Keep doing this man :)

[@romko-romario]

Just a brilliant explanation, lots of thanks! My mentor told me to learn memoization, and after just 10 minutes of this video, I understood what it's for and how to use it.

[@lpaddikt]

Amazing video, always can count on your videos being succinct and informative. Thanks man.

[@Sandhyausa]

Truly commendable. As far as the videos i have seen, none of the youTuber explained this. Thank you so much for explaining meticulously. God bless you.

[@suryaprakashm1886]

Sucha an amazin explanation dude !!! Was trying to wrap my head around the memo hook ... your explanation was spot on .

[@sahidulislamjony5769]

Memoization of object is huge learning for me. Thank you Kyel

[@jessejburton]

Super helpful! One of the best descriptions of useMemo I have seen. Thanks :)

[@-anonim-3008]

Ohh, thank so much! I watched you video 3 month ago and didn't understand second case, but now you open my eyes! Thanks a lot!

[@jovantancevski7629]

Best UseMemo video I've seen so far, good job Kyle !

[@tomino133]

Dude I stumbled upon your channel again and it is a gold mine. Thank you!

[@cervece41]

Awesome stuff as usual Kyle, I'd love to see an useCallback tut, thanks!

[@parrot785]

I like your videos very much, because they are short and you manage to explain things in a simple way. Thank you!

[@yinonelbaz5309]

Amazing explanation!! Thank you so much for the channel and the hard work you put into it, I really appreciate it!!!

[@sologuitardeshchatterjee]

Best useMemo explanation so far... Was longing for it... Thaks Kyle! :)

[@user-zg1rl3mz9i]

The most simplest video but easiest understand about hooks ,Thank you so much for you sir~

[@yassineaker]

You are absolutely a legend. Your examples are very concise and clear.

[@MarcoS-bx5uk]

Great. Examples are simple and explanation goes straight to the point.

[@roadsideromeo9215]

You killed it man, that's awesome. You make my concept clear. Thanks buddy.

[@MolinRJ]

that second application example was really mindBlowing. Thanks.

[@ZehnGen]

Thanks a lot for this simple explanation with an example, helped me understand some use cases a lot more.

[@davidgentilli7944]

Simple and clear explanation! Thank you

[@yatrikamrutiya9376]

Amazing man!! loved your explanation!!

[@udaychandra7663]

Thank you for your clean explanation and it helps me a lot!

[@ThomasPGeorgeCSB-]

This was the best example to understand useMemo. Thanks a lot!

[@dean6046]

Thank you Kyle! My girlfriend refers to you as the robot guy. You are some kind of Terminator robot sent here from the future to help us with all of our programming needs.

[@hugobqd]

You can notice that he blink at 5:21

[@dec2mclaren]

my wife agrees :'D

[@devolee8302]

lol

[@anthonysim563]

This was an excellent explanation! Thank you!

[@naveenkumar-vb8tp]

Amazing explanation🙌, have never seen like this before. thank you

[@barman498]

Thanks for the great explanation. Really helpful ❤️

[@carlosporto8255]

Always the best explanations videos. Keep doing this awesome work! Thank you!

[@LEGnewTube]

Clear as crystal. Thank you for the vid!

[@ViktorHugo-je6rq]

Thanks Kyle for explanation.
Separate thanks for your clear english.
It's easy to hear and to understand each word you say.

[@gojeesgojees]

Thank you Kyle ! 10 minutes which makes me understand :)

[@hayveno]

Well explained, Kudos Kyle.

[@KILLCHRISU]

Beautifully explained as usual Kyle

[@shadmanmartinpiyal4057]

just decided to increment my knowledge of react with this react hooks playlilst during the weekend. Rock on!

[@shakdaniel]

Very good explanation! great video man, keep it up! 🦾

[@SOUVIK_RAY_]

Amazing explanation! Great video!

[@tadeuszjiwu255]

Amazing explanation !!! Well done, thank you very much

[@briancasady6182]

This was exactly what i was looking for, thanks!

[@gourabpaul3560]

I love you man, this is so easy to understand.

[@tambolaking5383]

This content is awesome. Need more such performance improving ideas

[@jaytran247]

Thanks very much for a great explanation.
Recap: 9:49

[@tinnguyenvan9925]

Thank you . This video help me understandings about useMemo

[@ngocminhle9127]

Very clear, very helpful. Thanks a lot :).

[@ekwan16]

Extremely clear explanation!

[@freak2137]

cant wait to implement this trick on my project! Great tutorial!

[@darynadatsenko3266]

I am in love with this guy! thank you for explanations :)

[@annismonadjem6901]

Thank you Kyle for your excellent and high quality videos! Please, include the code for this video and your future recordings. Kindly, keep up with your great work!

[@vivek.tiwary]

Best explanation for useMemo, thank you

[@AB-dp7pw]

Great video kyle!

[@user-bp7jb5of5d]

Thanks for the great explanation. Now for my the useMemo march clear than before.

[@aravindmnair_]

Man, you deserve more subs! big thumbs up

[@TechnoDB]

Simple and Clean Background..
Nice ))

[@rajeshmanne9817]

Thank you so much, that was really helpful

[@RohithVarma36]

Best Practical cases are covered, awesome.

[@alvarocastillocorrea2610]

Thanks for simplifying the web man!.

[@devDive615]

oooh that was the best explanation i've seen so far

[@nikhil6842]

Great Tutorial Kyle

[@talkwithshiva8941]

you explained with so much ease best video

[@anuragk6722]

By far the best explanation

[@gabrielaugustodevitodabbad6822]

Amazing explanation, thanks

[@viktoriiapetrova5801]

Bravo! Great explanation!

[@arunroy9812]

thank you for the concise explanation! great help. cheers!

[@egzonberisha9906]

This was very helpful, thank you man :)

[@dhaneshmane]

Very nicely explained 🙏

[@nazarpasha]

easy explanation thanks bro👍

[@phantom7132]

The object-example was a good one!

[@MrLaCritico]

This is very helpful! Thanks!

[@JuanDGoPro]

Finally!, I understand this useMemo function, thanks

[@thanglenho828]

very easy to understand, thank you very much

[@unnhao]

so easy for understanding, thanks!

[@lukeh8392]

Your videos are spot on thanks dude

[@lokanathsahoo7898]

very useful video.keep countinue this good work

[@PeterPalmerSoftware]

Great explanation, thanks!!

[@aashayamballi]

Thanks Kyle... You're awesome!

[@moamenzakaria4771]

Thanks, brilliant way to explain it

[@troom6851]

High quality content. Thanks :)

[@1upgreenshroon]

Great video and explanation.

[@Kim-by5uy]

Finally, a concise explanation of useMemo

[@julietonyekaoha402]

The sample code explains why and when useMemo is needed very well. Thank you Kyle.

[@Briefklammer1]

So why dont we use useEffect for the first example?

[@namlevan2929]

Have a good day too Kyle. Your video is so great 👍👍👍

[@abdulmuneebafridi4437]

Appreciate your effort , well thanks for providing effective content

[@kameysh]

Crystal Clear explanation!! damn... you're awesome.

[@azhar.difa_]

thank you! this is gold.

[@billwu7367]

you are a skillful and smart ,patient youngster

[@planetmall2]

Great explanation!

[@nicolas3030]

Great video! Thank you so much.