13 - What is React memo - How to use it - When not to use React memo - What is Memoization in React?

  Рет қаралды 4,856

tapaScript by Tapas Adhikary

tapaScript by Tapas Adhikary

Күн бұрын

Пікірлер: 17
@tapasadhikary
@tapasadhikary 2 жыл бұрын
Timecodes 0:00 - Introduction 00:43 - What is Memoization in React? 07:02 - How to use React.memo in React? 11:51 - When not to use React.memo? 13:02 - Wrapping up & What's Next?
@VishalKumar-mi6ed
@VishalKumar-mi6ed Ай бұрын
What a beautiful way of explaining tapas 😮 I can’t enough thanks to you🙏
@tapasadhikary
@tapasadhikary Ай бұрын
You are most welcome ❤️
@jlvbcoop
@jlvbcoop 2 жыл бұрын
Good explanation of how 'memo' works. Impatient to see the next videos.
@tapasadhikary
@tapasadhikary 2 жыл бұрын
🙏
@sublimeelectrons8699
@sublimeelectrons8699 Жыл бұрын
great explanation for the infinite times sir @tapas. Thank you.
@tapasadhikary
@tapasadhikary Жыл бұрын
Thank you very much 💛
@VishalSinghVP
@VishalSinghVP Жыл бұрын
Great video as expected. Tapas makes difficult concepts easy to understand
@tapasadhikary
@tapasadhikary Жыл бұрын
Thanks a lot, Vishal
@RajaduraiKalyanasundaram
@RajaduraiKalyanasundaram Жыл бұрын
Hello Tapas, your viedos are really amazing. crisp explanations, anybody can understand.. i have a question.. What's real use case to use React.memo? have you ever used in your projects? if so, please comment back the use case. For me expensive computation are db calls, but we can't use because url remains same but data keep changing. other than that math operations? it shouldn't be an expensive operations.
@tapasadhikary
@tapasadhikary Жыл бұрын
Thank you! You have asked a great question. Here is my response: the useMemo hook returns a memorized value. It means it will not resompute the values for the successive occasions. That saves your computation time and make the app faster. Think about operations like search, filter, sort happening on the larger set of data that is already available on the client side. Or you are applying an ML model on a data set available locally on the browser. You may not want to compute it everytime is the same output is expected for the same input. That will be a use case where you want to use this hook. I hope it clarifies!
@RajaduraiKalyanasundaram
@RajaduraiKalyanasundaram Жыл бұрын
@@tapasadhikary , yeah I see… Thank you so much for your kind reply
@shrilakshmishastry6338
@shrilakshmishastry6338 2 жыл бұрын
Most wanted topic 😊
@tapasadhikary
@tapasadhikary 2 жыл бұрын
Thanks! Hope it was clear 👍
@AmanKumar-ps8th
@AmanKumar-ps8th 9 ай бұрын
great video but what i found is when we don't use memo in child component and without passing props to child component it also re-renders just directly imported child component . so definition of react memo is not appropriate i.e Using memo will cause React to skip rendering a component if its props have not changed. could you please clarify here? Thanks
@rakeshkumaryadav1117
@rakeshkumaryadav1117 5 ай бұрын
❤❤
@tapasadhikary
@tapasadhikary 5 ай бұрын
❤️❤️
14 - useCallback and useMemo React Hooks - When to Use useCallback and useMemo
24:39
tapaScript by Tapas Adhikary
Рет қаралды 9 М.
За кого болели?😂
00:18
МЯТНАЯ ФАНТА
Рет қаралды 2,1 МЛН
ЛУЧШИЙ ФОКУС + секрет! #shorts
00:12
Роман Magic
Рет қаралды 35 МЛН
Mastering React Memo
26:56
Jack Herrington
Рет қаралды 136 М.
Things you didn't know about re-rendering in React
4:40
Code Sketched
Рет қаралды 38 М.
Learn React Hooks: useCallback - Simply Explained!
17:15
Cosden Solutions
Рет қаралды 103 М.
Learn React Hooks: useMemo - Simply Explained!
13:41
Cosden Solutions
Рет қаралды 111 М.
🌈 16 - React Context API - What is Context - The useContext Hook
32:09
tapaScript by Tapas Adhikary
Рет қаралды 4,7 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 487 М.
8 React Js performance optimization techniques YOU HAVE TO KNOW!
11:23
За кого болели?😂
00:18
МЯТНАЯ ФАНТА
Рет қаралды 2,1 МЛН