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/webelart ☕️ Buy me a coffee: https://buy.stripe.com/5kA7sL9574SG7xCfZ3 🥰 Buy my brushes for Procreate: https://webelart.com/illustration. ✍️ My telegram channel: https://t.me/webelart_en 🪆 Russian YouTube: @webelart 💁🏼‍♀️ My instagram: https://www.instagram.com/webelart 🦄 Company LinkedIn: https://www.linkedin.com/company/webelart Links: 😌 Github https://github.com/liveldi/youtube_react_memoization Articles: 🦉 Understanding useMemo and useCallback — https://www.joshwcomeau.com/react/usememo-and-usecallback/ 🦉 Why React Re-Renders — https://www.joshwcomeau.com/react/why-react-re-renders/ 🦉 Before you Memo — https://overreacted.io/before-you-memo/ 🦉 React without memo — https://www.youtube.com/watch?v=lGEMwh32soc 🦉 When to use React.useCallback() — https://aheadcreative.co.uk/articles/when-to-use-react-usecallback/ 🦉 Understanding when to use useMemo — https://maxrozen.com/understanding-when-use-usememo Сolleagues' twitters: 😎 https://twitter.com/ivanslo 😎 https://twitter.com/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 🦉🦉🦉