Learn useMemo In 10 Minutes

Подписаться 1,6 млн

Просмотров 462 тыс.

50% 1

🚨 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

Опубликовано:

5 июн 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 407

@franco-cespi 4 года назад

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

@webwhale6026 5 месяцев назад

Agree 💯

@tajpouria 4 года назад

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

@xWildStorm7x 4 года назад

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 2 года назад

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

@girri 3 года назад

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 2 года назад

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

@tienlx91 2 года назад

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 10 месяцев назад

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 9 месяцев назад

@@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 4 года назад

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

@daminipurohit6916 3 года назад

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 3 года назад

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 3 месяца назад

The clarity you have provided is amazing..thank you

@wittyhumour29 3 года назад

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

@ionutsandu5913 2 года назад

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 2 года назад

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 3 года назад

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

@Sandhyausa 2 года назад

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 2 года назад

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

@sahidulislamjony5769 2 года назад

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

@jessejburton 3 года назад

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

@-anonim-3008 4 месяца назад

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 3 года назад

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

@cervece41 4 года назад

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

@parrot785 3 года назад

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 3 года назад

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

@user-zg1rl3mz9i 3 года назад

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

@yassineaker 2 года назад

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

@MarcoS-bx5uk 4 года назад

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 3 года назад

that second application example was really mindBlowing. Thanks.

@ZehnGen 2 года назад

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

@davidgentilli7944 4 года назад

Simple and clear explanation! Thank you

@yatrikamrutiya9376 2 года назад

Amazing man!! loved your explanation!!

@udaychandra7663 2 года назад

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

@ThomasPGeorgeCSB- 3 месяца назад

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

@dean6046 4 года назад

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 4 года назад

You can notice that he blink at 5:21

@dec2mclaren 3 года назад

my wife agrees :'D

@devolee8302 3 года назад

lol

@anthonysim563 Год назад

This was an excellent explanation! Thank you!

@naveenkumar-vb8tp 2 года назад

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

@barman498 4 года назад

Thanks for the great explanation. Really helpful ❤️

@carlosporto8255 3 года назад

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

@LEGnewTube 10 месяцев назад

Clear as crystal. Thank you for the vid!

@ViktorHugo-je6rq 5 месяцев назад

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

@gojeesgojees 3 года назад

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

@hayveno Год назад

Well explained, Kudos Kyle.

@KILLCHRISU Год назад

Beautifully explained as usual Kyle

@shadmanmartinpiyal4057 3 года назад

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

@shakdaniel 3 года назад

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

@SOUVIK_RAY_ 2 года назад

Amazing explanation! Great video!

@tadeuszjiwu255 3 года назад

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

@briancasady6182 Год назад

This was exactly what i was looking for, thanks!

@gourabpaul3560 3 года назад

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

@tambolaking5383 4 года назад

This content is awesome. Need more such performance improving ideas

@jaytran247 4 года назад

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

@tinnguyenvan9925 4 года назад

Thank you . This video help me understandings about useMemo

@ngocminhle9127 4 года назад

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

@ekwan16 2 года назад

Extremely clear explanation!

@freak2137 2 года назад

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

@darynadatsenko3266 2 года назад

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

@annismonadjem6901 4 года назад

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!