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

Опубликовано: 01 Октябрь 2024
на канале: Justin Kim
58,408
2.5k

In this video we first discuss the concept of memoization. Then we learn about how to optimize the renders of your React Components by learning about these three memoization techniques: 1) Memoize your components with React.memo(), 2) Memoize a computed value with the useMemo() hook, 3) Memoize a function with the useCallback() hook.

🗄 Resources:

Further Reading on React Memo: https://dmitripavlutin.com/use-react-...
Official React API: https://reactjs.org/docs/react-api.html
Lodash: https://lodash.com/docs/4.17.15

🔑 Key Concepts:

React Components
React.Memo
useCallback
useMemo
Lifecycle Methods
Renders

#React #Memo #Hooks