Тёмный

React Memo | useMemo | useCallback - Optimize Performance of your React Applications 

Justin Kim
Подписаться 11 тыс.
Просмотров 58 тыс.
50% 1

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

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 117   
@MmmMmmGood17
@MmmMmmGood17 3 года назад
This explanation and demonstration was amazing, I really understood it! Thank you 🙏🏽
@nson__
@nson__ 4 года назад
Thank you for this explanation. This is maybe the first video that clearly explains how and when one should use useMemo, useCallback.
@alexcostaSE
@alexcostaSE Год назад
This must be like the 10th video I watch about the topic and this is the first time I really understood! Thanks!
@thatindianviewer3110
@thatindianviewer3110 3 года назад
Saw so many videos on these topics, And finally found something that stuck the landing for me. This is an important frontend interview topic, thank you so much.
@chamnil8666
@chamnil8666 3 года назад
The best explanation of React.memo,useCallback,useMemo. Thank you soo much,have a blessed day Sir.
@tmosco5149
@tmosco5149 2 года назад
You explanation makes it so easy to understand. Thanks
@GodfatherOfKcontent
@GodfatherOfKcontent Год назад
Hey, Justin. just wanted to say thank you for your video. one of those few videos I can understand without even looking at the screen. A great explanation.
@hanjelly5410
@hanjelly5410 3 года назад
great video! very simple and direct example to explain the memo concept very clearly. it's a fresher course for me about memorization in React.
@khotambakhromov
@khotambakhromov 4 года назад
the best explanation on the topic I've ever seen Thank you so much
@nitinrahangdale1128
@nitinrahangdale1128 3 года назад
The comment section itself shows how perfect this tutorial is.. No words. Just incredibly easy to understand..
@AbdelhameedG
@AbdelhameedG 3 года назад
Very informative , Thank you! Been searching for someone who explains advanced react since a while, looks like we have a winner!
@m3ll0f3ll0
@m3ll0f3ll0 3 года назад
This filled a lot of gaps left by other explainers, thank you 🙏
@Koko-pg8wu
@Koko-pg8wu Год назад
Man, please doing more and don't stop! You have some fantastic topics and go really into detail in all of them!! Just discovered your channel and damn man. I promise you keep going and you will have 500k :D
@arunprakash8859
@arunprakash8859 4 года назад
Dude your'e awsome, to understand usecallback I have read many articles and still left confused. Now youre explanation made me understand . Hats off
@mrtandon5278
@mrtandon5278 3 года назад
Simple content with a deep understanding of React hooks. Look at the statistics, haters do not exist here.
@federicostraus869
@federicostraus869 2 года назад
incredible video, the only one that explained clearly and correctly how to use the "areEqual" function. I've been struggling with this for a few days and you helped solve the issue. Thanks for sharing your knowledge
@9704084143
@9704084143 3 года назад
Way you explain things makes everything clear without any doubt, so far best teacher, thank you.
@OCEMTechZone
@OCEMTechZone 2 месяца назад
Great one clear understanding of the concept🎉
@praveen_javali
@praveen_javali Год назад
Awesome explanation, I understood the concept!!. Thank you very much.
@artgurianov
@artgurianov 4 года назад
Great stuff 👍! Can you please make more videos about react performance and advanced techniques 🙏🙏🙏
@AngleCoding
@AngleCoding 4 года назад
I will do! Please stay tuned
@thesnjvsharma
@thesnjvsharma 3 года назад
@@AngleCoding We're still waiting. :(
@ramalaxmi5562
@ramalaxmi5562 3 года назад
@@AngleCoding y Tut
@S4LTYT
@S4LTYT 3 года назад
@@AngleCoding year passed where are videos
@davidk3133
@davidk3133 2 года назад
Great video on demonstrating the differences of each hook and hoc. Thanks justin!
@boring-username
@boring-username 4 года назад
This is an incredible tutorial. I really like how expand on why things are behaving the way they are, such as when you removed the counter dependency from the useCallback hook. A+ material.
@noahjared1596
@noahjared1596 3 года назад
I dont mean to be off topic but does anybody know a tool to get back into an instagram account?? I was stupid lost my account password. I would appreciate any tips you can give me.
@adrienjairo6750
@adrienjairo6750 3 года назад
@Noah Jared instablaster ;)
@noahjared1596
@noahjared1596 3 года назад
@Adrien Jairo thanks for your reply. I got to the site on google and I'm in the hacking process atm. Looks like it's gonna take a while so I will get back to you later with my results.
@noahjared1596
@noahjared1596 3 года назад
@Adrien Jairo It did the trick and I actually got access to my account again. Im so happy:D Thanks so much you really help me out :D
@adrienjairo6750
@adrienjairo6750 3 года назад
@Noah Jared No problem :)
@Abhishek-vz6ud
@Abhishek-vz6ud 2 года назад
man.. you are incredible.. wish you made more videos like this.. :)
@heyniks1
@heyniks1 2 года назад
This is a great explanation of those 3 features. Thank you!
@akalrove4834
@akalrove4834 3 года назад
Amazing video, the only one that actually explained all the nuances.
@Ashishkumar-wo7ck
@Ashishkumar-wo7ck 2 года назад
Godly explaination...shoutout to you man..great job
@sologuitardeshchatterjee
@sologuitardeshchatterjee Год назад
Great explanation, concept clear. Thanks!
@yadwindersingh9722
@yadwindersingh9722 2 года назад
Amazing work, best example
@FranzJose
@FranzJose 2 года назад
Very well explained. Thank you!
@aayushgalav5528
@aayushgalav5528 2 года назад
Thank you for the video, please fetch some time to make such kind of videos
@MonicaSalamanca
@MonicaSalamanca 3 года назад
Thank you!! This was the best explanation, simple and easy to understand.
@kamleshkumar-vm8cj
@kamleshkumar-vm8cj 3 года назад
Just awsome .. everything in one video
@אדירדוקרקר-ק7מ
@אדירדוקרקר-ק7מ 2 года назад
It took me a while but I understood everything, excellent explanation!!!!
@nickstaresinic9933
@nickstaresinic9933 2 года назад
Very informative, thorough, and concise. Good job, Justin. Thanks.
@dxxta
@dxxta 4 года назад
thanks....this is helps me more than videos on other channels:)
@sachinsenakulk
@sachinsenakulk Год назад
Ultimate explanation 👏👏 Understood the concepts clearly now 😍😍 Subscribed
@nehaprakash3073
@nehaprakash3073 2 года назад
Great explanation on the optimisation! Thanks so much..
@punitdixit861
@punitdixit861 4 года назад
you are awesome man , clear and crisp explanation
@arunKgowda
@arunKgowda 3 года назад
Damn.. 4 interviews attended, i wasn't able to answer memo, useMemo, useCallback. Now i not just know what are these,i also know why and in which scenarios these can be used. Thank u😃
@sakarsr
@sakarsr 4 года назад
Once again a wonderful explanation on different react hooks and how to use them properly. thanks for your time. God Bless and Good Health.
@armanulalam4560
@armanulalam4560 2 года назад
Simple and easy to understand. Thank you
@ocoocososococosooooosoococoso
@ocoocososococosooooosoococoso 3 года назад
wonderful explanation
@WIBEDRILLMusic
@WIBEDRILLMusic 2 года назад
This is so sick Justin🔥 Amazing explained 🤩
@dinuka
@dinuka 2 года назад
Great explanation. 🔥
@pt8817
@pt8817 2 года назад
thanks a lot, the explanation was clear and easy to understand
@rebinabdollahi3483
@rebinabdollahi3483 10 месяцев назад
awesome explanation thank you
@KevinAlves-xb3je
@KevinAlves-xb3je Год назад
awesome explanation!
@xdankitjain
@xdankitjain 3 года назад
Great explanation Justin. Thank you 😊
@Bobabhishek
@Bobabhishek 3 года назад
Thanks for the knowledge
@mikiyaskelifa853
@mikiyaskelifa853 2 года назад
very very help full man thanks thanks very much
@rojochen
@rojochen 3 года назад
Awesome, very instructional. Thanks.
@berakoc8556
@berakoc8556 4 года назад
Thanks for the video. I really needed this. Great explanation.
@rajverma5051
@rajverma5051 2 года назад
Thanks a lot buddy ...So helpful 😮
@sarbjitbilling7535
@sarbjitbilling7535 4 года назад
Thanks for the clear explanation.
@asifurrahman8257
@asifurrahman8257 3 года назад
so nicely explained, just wow
@amancca
@amancca 8 месяцев назад
Woow great explanation
@ludwigvillalba1886
@ludwigvillalba1886 Год назад
Thanks for sharing!
@AliRaza-hf9bz
@AliRaza-hf9bz 2 года назад
a great explanation.
@himanshushekhar3694
@himanshushekhar3694 2 года назад
refreshing video
@sansanbycas
@sansanbycas 4 года назад
great explanation, thanks!
@AngleCoding
@AngleCoding 4 года назад
glad I can help!
@monashamsolebad6839
@monashamsolebad6839 2 года назад
Really helpful, thank you
@mrajkishor331
@mrajkishor331 Год назад
Excellent 👌👍🎉🎉
@bilal-khan
@bilal-khan 3 года назад
Fantastic explanation. Thank you. ❤️
@ruchirai5775
@ruchirai5775 4 года назад
Thanks for the wonderful explanation...
@ryantian3491
@ryantian3491 4 года назад
Thank you for making such a great video!
@vonderklaas
@vonderklaas 2 года назад
Thank you! Come back to RU-vid!
@kulcsarrudolf17
@kulcsarrudolf17 4 года назад
Very helpful video! Thank you! :)
@AliSattarBarani
@AliSattarBarani 3 года назад
An amazing explaination.
@constWardtz
@constWardtz 3 года назад
Thank you so much Sir! I learned a lot!!
@yogeshshetty804
@yogeshshetty804 4 года назад
Great video. thank you so much
@huzafaarshad973
@huzafaarshad973 2 года назад
great job
@hassanribery3093
@hassanribery3093 2 года назад
awesome awesome awesome
@farahiismail969
@farahiismail969 3 года назад
you won't notice the component rerendering not because react is fast in the rerendering process but because react did not even update the actual dom while the component props,state, elements did not change
@VisoBoard
@VisoBoard 5 месяцев назад
I don't get the difference, both your useMemo and useCallback are functions in your example
@g.nirmalkumar5773
@g.nirmalkumar5773 Год назад
Best Out there!
@engenglish610
@engenglish610 3 года назад
Very good explanation, I'm understood the concept. However, which tools did you use to make this video ?
@pushkaragnihotri1609
@pushkaragnihotri1609 4 года назад
Nicely explain.
@AM-nm6ts
@AM-nm6ts 2 года назад
thank you so much
@alexgolomb363
@alexgolomb363 7 месяцев назад
Thank you
@paritoshsingh588
@paritoshsingh588 3 года назад
One question only? What if child doesn't get the counter as prop but get setCounter as a props, so when we click the child the counter state in Parent changes, but is there a way to stop the child re-render it, TLDR; when child changes parent's state is there a way to stop child from re rendering if child is not getting the changed state as prop because in useCallback it will be a dependency so it will remake the function
@drewstifler1440
@drewstifler1440 4 года назад
Cool work man!
@gajendramahadev1203
@gajendramahadev1203 2 года назад
is it possible to avoid re-render the child sibling component if the child component state changes?
@harmez7
@harmez7 Год назад
thank you pal
@codedbyjordan
@codedbyjordan 3 года назад
So at the end when you talk about the 'memo' high order component and checking if the props are equal in your own function, doesn't this essentially do the same as memoizing the function passed to the child component?
@mgrm7031
@mgrm7031 3 года назад
Awesome
@ossamaelidrissi2624
@ossamaelidrissi2624 3 года назад
hi .. how to use useCallback inside the useEffect
@shabnamnaaz4676
@shabnamnaaz4676 3 года назад
thanks for these
@karimk8551
@karimk8551 3 года назад
good stuff thx
@Fatima-ie5kj
@Fatima-ie5kj 3 года назад
why u stop making videos? we need a mentor like u
@shisui_
@shisui_ 4 года назад
greetings !, excellent video, but I can see the arrow pointing down at the end setCounter, is it an extension?
@kiranmohare6276
@kiranmohare6276 Год назад
nice
@smithdragon6477
@smithdragon6477 3 года назад
why not use React.memo( component,isEqual ) to compare coming props's function is same or not and replace React.useCallback() hook , this function can recreate forever but we can stop the renderers :)
@smithdragon6477
@smithdragon6477 3 года назад
if the updateCounter becomes a renderProp with jsx , does useCallback can prevent rerenders for me ?
@SH-lt2iv
@SH-lt2iv 4 года назад
18:06
@prince5922
@prince5922 2 года назад
Changing props does not cause a re-render! It is only true if the prop is state, it's changing state that causes a re-render.
@grumpycoder4592
@grumpycoder4592 4 года назад
Why don't react just do all this stuff out of the box!!?
@okekehinde7206
@okekehinde7206 3 года назад
Because it's just javascript, that's how javascript works by default.
@Pareshbpatel
@Pareshbpatel Год назад
Excellent explanation of the use of meme, useMemo and useCallback. Thanks PS Subscribed. {2022-10-22}
@analogguy4467
@analogguy4467 3 года назад
thank u very much
@eneiarestivan
@eneiarestivan Год назад
Really good explanation! Thank you for your work!
@kishore5358
@kishore5358 3 года назад
excellent explaination in the RU-vid on memorization so far.But please explain an practical use case of memorization so that we can understand where to use this concept..🙂🙂
@叶飞-h1m
@叶飞-h1m 2 года назад
great video, very helpful, thanks
Далее
Mastering React Memo
26:56
Просмотров 135 тыс.
REACT MEMO vs USECALLBACK vs USEMEMO
13:18
Просмотров 55 тыс.
Avaz Oxun - Turqi sovuq kal
14:50
Просмотров 889 тыс.
React.memo, useMemo, and useCallback Optimizations
22:09
React Hooks Course - All React Hooks Explained
1:26:21
Просмотров 1,1 млн
10 React Antipatterns to Avoid - Code This, Not That!
8:55
How to use memo in React to Optimize Renders
11:45
Просмотров 65 тыс.
Understanding React's UI Rendering Process
29:07
Просмотров 215 тыс.
Mastering React's useEffect
25:20
Просмотров 174 тыс.
Learn useMemo In 10 Minutes
10:42
Просмотров 482 тыс.