How to properly useMemo, useCallback and React.memo | React | JavaSctipt

Описание: In this lesson we go through hooks useMemo, useCallback and React.memo, how to use them properly, look on interesting cases and examples.
🍀 Support the channel: https://www.donationalerts.com/r/webe...
☕️ Buy me a coffee: https://buy.stripe.com/5kA7sL9574SG7x...
🥰 Buy my brushes for Procreate: https://webelart.com/illustration.
✍️ My telegram channel: https://t.me/webelart_en
🪆 Russian YouTube: @webelart
💁🏼‍♀️ My instagram:   / webelart  
🦄 Company LinkedIn:   / webelart  

Links:
😌 Github https://github.com/liveldi/youtube_re...

Articles:
🦉 Understanding useMemo and useCallback — https://www.joshwcomeau.com/react/use...
🦉 Why React Re-Renders — https://www.joshwcomeau.com/react/why...
🦉 Before you Memo — https://overreacted.io/before-you-memo/
🦉 React without memo —    • React without memo  
🦉 When to use React.useCallback() — https://aheadcreative.co.uk/articles/...
🦉 Understanding when to use useMemo — https://maxrozen.com/understanding-wh...

Сolleagues' twitters:
😎   / ivanslo  
😎   / artemtsviliy  

00:00 Intro
01:35 Install project.
02:27 Study project.
03:15 Theory: useMemo, useCallback, React.memo
11:11 Study heavy component
17:55 Optimisation heavy component
23:05 React.memo optimisation
24:14 Preserved references
31:53 Life examples
34:48 Future

🦉🦉🦉