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

  Рет қаралды 58,703

Justin Kim

Justin Kim

Күн бұрын

Пікірлер: 117
@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.
@nitinrahangdale1128
@nitinrahangdale1128 3 жыл бұрын
The comment section itself shows how perfect this tutorial is.. No words. Just incredibly easy to understand..
@mrtandon5278
@mrtandon5278 4 жыл бұрын
Simple content with a deep understanding of React hooks. Look at the statistics, haters do not exist here.
@alexcostaSE
@alexcostaSE Жыл бұрын
This must be like the 10th video I watch about the topic and this is the first time I really understood! Thanks!
@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.
@MmmMmmGood17
@MmmMmmGood17 3 жыл бұрын
This explanation and demonstration was amazing, I really understood it! Thank you 🙏🏽
@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.
@sportly-vlog
@sportly-vlog Жыл бұрын
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.
@chamnil8666
@chamnil8666 3 жыл бұрын
The best explanation of React.memo,useCallback,useMemo. Thank you soo much,have a blessed day Sir.
@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
@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
@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 :)
@9704084143
@9704084143 3 жыл бұрын
Way you explain things makes everything clear without any doubt, so far best teacher, thank you.
@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
@tmosco5149
@tmosco5149 2 жыл бұрын
You explanation makes it so easy to understand. Thanks
@davidk3133
@davidk3133 2 жыл бұрын
Great video on demonstrating the differences of each hook and hoc. Thanks justin!
@AbdelhameedG
@AbdelhameedG 3 жыл бұрын
Very informative , Thank you! Been searching for someone who explains advanced react since a while, looks like we have a winner!
@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
@heyniks1
@heyniks1 2 жыл бұрын
This is a great explanation of those 3 features. Thank you!
@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
@nehaprakash3073
@nehaprakash3073 2 жыл бұрын
Great explanation on the optimisation! Thanks so much..
@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😃
@akalrove4834
@akalrove4834 3 жыл бұрын
Amazing video, the only one that actually explained all the nuances.
@praveen_javali
@praveen_javali 2 жыл бұрын
Awesome explanation, I understood the concept!!. Thank you very much.
@Abhishek-vz6ud
@Abhishek-vz6ud 2 жыл бұрын
man.. you are incredible.. wish you made more videos like this.. :)
@OCEMTechZone
@OCEMTechZone 4 ай бұрын
Great one clear understanding of the concept🎉
@eneiarestivan
@eneiarestivan Жыл бұрын
Really good explanation! Thank you for your work!
@אדירדוקרקר-ק7מ
@אדירדוקרקר-ק7מ 2 жыл бұрын
It took me a while but I understood everything, excellent explanation!!!!
@sologuitardeshchatterjee
@sologuitardeshchatterjee Жыл бұрын
Great explanation, concept clear. Thanks!
@Ashishkumar-wo7ck
@Ashishkumar-wo7ck 2 жыл бұрын
Godly explaination...shoutout to you man..great job
@kishore5358
@kishore5358 3 жыл бұрын
excellent explaination in the KZbin on memorization so far.But please explain an practical use case of memorization so that we can understand where to use this concept..🙂🙂
@nickstaresinic9933
@nickstaresinic9933 2 жыл бұрын
Very informative, thorough, and concise. Good job, Justin. Thanks.
@MonicaSalamanca
@MonicaSalamanca 3 жыл бұрын
Thank you!! This was the best explanation, simple and easy to understand.
@WIBEDRILLMusic
@WIBEDRILLMusic 3 жыл бұрын
This is so sick Justin🔥 Amazing explained 🤩
@aayushgalav5528
@aayushgalav5528 2 жыл бұрын
Thank you for the video, please fetch some time to make such kind of videos
@yadwindersingh9722
@yadwindersingh9722 2 жыл бұрын
Amazing work, best example
@punitdixit861
@punitdixit861 4 жыл бұрын
you are awesome man , clear and crisp explanation
@dxxta
@dxxta 4 жыл бұрын
thanks....this is helps me more than videos on other channels:)
@sachinsenakulk
@sachinsenakulk Жыл бұрын
Ultimate explanation 👏👏 Understood the concepts clearly now 😍😍 Subscribed
@FranzJose
@FranzJose 2 жыл бұрын
Very well explained. Thank you!
@armanulalam4560
@armanulalam4560 3 жыл бұрын
Simple and easy to understand. Thank you
@nikolavujicic5251
@nikolavujicic5251 21 күн бұрын
Excellent material!
@xdankitjain
@xdankitjain 3 жыл бұрын
Great explanation Justin. Thank you 😊
@kamleshkumar-vm8cj
@kamleshkumar-vm8cj 3 жыл бұрын
Just awsome .. everything in one video
@pt8817
@pt8817 2 жыл бұрын
thanks a lot, the explanation was clear and easy to understand
@berakoc8556
@berakoc8556 4 жыл бұрын
Thanks for the video. I really needed this. Great explanation.
@rojochen
@rojochen 3 жыл бұрын
Awesome, very instructional. Thanks.
@asifurrahman8257
@asifurrahman8257 3 жыл бұрын
so nicely explained, just wow
@叶飞-h1m
@叶飞-h1m 2 жыл бұрын
great video, very helpful, thanks
@sarbjitbilling7535
@sarbjitbilling7535 4 жыл бұрын
Thanks for the clear explanation.
@bilal-khan
@bilal-khan 3 жыл бұрын
Fantastic explanation. Thank you. ❤️
@dinuka
@dinuka 2 жыл бұрын
Great explanation. 🔥
@ocoocososococosooooosoococoso
@ocoocososococosooooosoococoso 3 жыл бұрын
wonderful explanation
@ruchirai5775
@ruchirai5775 4 жыл бұрын
Thanks for the wonderful explanation...
@rajverma5051
@rajverma5051 2 жыл бұрын
Thanks a lot buddy ...So helpful 😮
@ryantian3491
@ryantian3491 4 жыл бұрын
Thank you for making such a great video!
@KevinAlves-xb3je
@KevinAlves-xb3je Жыл бұрын
awesome explanation!
@rebinabdollahi3483
@rebinabdollahi3483 Жыл бұрын
awesome explanation thank you
@Bobabhishek
@Bobabhishek 3 жыл бұрын
Thanks for the knowledge
@mikiyaskelifa853
@mikiyaskelifa853 2 жыл бұрын
very very help full man thanks thanks very much
@kulcsarrudolf17
@kulcsarrudolf17 4 жыл бұрын
Very helpful video! Thank you! :)
@sansanbycas
@sansanbycas 4 жыл бұрын
great explanation, thanks!
@AngleCoding
@AngleCoding 4 жыл бұрын
glad I can help!
@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
@constWardtz
@constWardtz 3 жыл бұрын
Thank you so much Sir! I learned a lot!!
@ludwigvillalba1886
@ludwigvillalba1886 2 жыл бұрын
Thanks for sharing!
@gajendramahadev1203
@gajendramahadev1203 2 жыл бұрын
is it possible to avoid re-render the child sibling component if the child component state changes?
@vonderklaas
@vonderklaas 2 жыл бұрын
Thank you! Come back to KZbin!
@monashamsolebad6839
@monashamsolebad6839 2 жыл бұрын
Really helpful, thank you
@shisui_
@shisui_ 4 жыл бұрын
greetings !, excellent video, but I can see the arrow pointing down at the end setCounter, is it an extension?
@AliRaza-hf9bz
@AliRaza-hf9bz 2 жыл бұрын
a great explanation.
@ossamaelidrissi2624
@ossamaelidrissi2624 3 жыл бұрын
hi .. how to use useCallback inside the useEffect
@AliSattarBarani
@AliSattarBarani 3 жыл бұрын
An amazing explaination.
@yogeshshetty804
@yogeshshetty804 4 жыл бұрын
Great video. thank you so much
@jakobo5521
@jakobo5521 2 жыл бұрын
Thank you for that tutorial! Your way of explenation is something what I was looking for :) What kind of font are you using in your IDE? It remains me font from VS Code. Thanks!
@Beetlejuice_says
@Beetlejuice_says Жыл бұрын
Excellent 👌👍🎉🎉
@engenglish610
@engenglish610 3 жыл бұрын
Very good explanation, I'm understood the concept. However, which tools did you use to make this video ?
@VisoBoard
@VisoBoard 6 ай бұрын
I don't get the difference, both your useMemo and useCallback are functions in your example
@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?
@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
@himanshushekhar3694
@himanshushekhar3694 2 жыл бұрын
refreshing video
@drewstifler1440
@drewstifler1440 4 жыл бұрын
Cool work man!
@pushkaragnihotri1609
@pushkaragnihotri1609 4 жыл бұрын
Nicely explain.
@hassanribery3093
@hassanribery3093 2 жыл бұрын
awesome awesome awesome
@g.nirmalkumar5773
@g.nirmalkumar5773 Жыл бұрын
Best Out there!
@Fatima-ie5kj
@Fatima-ie5kj 3 жыл бұрын
why u stop making videos? we need a mentor like u
@huzafaarshad973
@huzafaarshad973 2 жыл бұрын
great job
@shabnamnaaz4676
@shabnamnaaz4676 4 жыл бұрын
thanks for these
@akshay-yeole
@akshay-yeole 3 жыл бұрын
Wonderful....
@alexgolomb363
@alexgolomb363 8 ай бұрын
Thank you
@analogguy4467
@analogguy4467 3 жыл бұрын
thank u very much
@harmez7
@harmez7 2 жыл бұрын
thank you pal
@karimk8551
@karimk8551 3 жыл бұрын
good stuff thx
@mgrm7031
@mgrm7031 3 жыл бұрын
Awesome
@OCEMTechZone
@OCEMTechZone 4 ай бұрын
🎉
@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
@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.
Mastering React Memo
26:56
Jack Herrington
Рет қаралды 136 М.
REACT MEMO vs USECALLBACK vs USEMEMO
13:18
Coding With Chaim
Рет қаралды 56 М.
PRANK😂 rate Mark’s kick 1-10 🤕
00:14
Diana Belitskay
Рет қаралды 7 МЛН
ROSÉ & Bruno Mars - APT. (Official Music Video)
02:54
ROSÉ
Рет қаралды 319 МЛН
I tricked MrBeast into giving me his channel
00:58
Jesser
Рет қаралды 30 МЛН
the balloon deflated while it was flying #tiktok
00:19
Анастасия Тарасова
Рет қаралды 36 МЛН
React Hooks Crash Course (useMemo, useCallback and more).
31:49
developedbyed
Рет қаралды 87 М.
React.memo, useMemo, and useCallback Optimizations
22:09
Code Bushi
Рет қаралды 44 М.
Learn useMemo In 10 Minutes
10:42
Web Dev Simplified
Рет қаралды 488 М.
«Осень». Самая большая загадка Windows XP
14:36
Девять десятых
Рет қаралды 1,1 МЛН
Learn React Hooks: useMemo - Simply Explained!
13:41
Cosden Solutions
Рет қаралды 110 М.
Longest Square Streak in an Array - Leetcode (Python)
5:00
ThinkOutsideTheBox
Рет қаралды 84
React Hooks Tutorial - 26 - useCallback Hook
15:26
Codevolution
Рет қаралды 322 М.
useMemo Explained | React Hooks useMemo Tutorial
13:00
Dave Gray
Рет қаралды 29 М.
PRANK😂 rate Mark’s kick 1-10 🤕
00:14
Diana Belitskay
Рет қаралды 7 МЛН