Published On Jun 24, 2022
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
What is React.memo? No, it's not the useMemo React hook. It is a different React optimization available for your React app components. The React memo function is a higher order function that applies a shallow comparison to component props.
đ Support me on Patreon â   / davegray Â
â Become a full-stack web dev with Zero To Mastery Courses:
- Advanced React: https://bit.ly/AdvReactDev
- Jr to Senior Web Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
- Master FAANG Coding Interviews: https://bit.ly/FAANGInterview
đŠ Subscribe â https://bit.ly/3nGHmNn
đ React JS for Beginners full course - 9 hours:    â˘Â React JS Full Course for Beginners | ... Â
đ Here is a React useMemo tutorial:    â˘Â useMemo Explained | React Hooks useMe... Â
đŹ Course Updates â https://courses.davegray.codes/
đ Starter & Completed Source Code: https://github.com/gitdagray/react_memo
What is React.memo - It's not useMemo
(00:00) Intro
(00:33) Welcome
(00:46) Starter Code and Dependencies
(02:25) Extract the TodoItem component
(06:45) Profiling the app with React Dev Tools
(07:45) React.memo - What it is and how to apply it
(09:26) Check improvements with Profiler
(10:28) Shallow comparisons and the Custom Comparison Function
(12:53) 3rd Profile for the win!
(14:04) When to use React.memo
(14:53) Make React.memo just memo
â Buy Me A Coffee: https://www.buymeacoffee.com/davegray
đ Tutorial References:
đ React.memo docs: https://reactjs.org/docs/react-api.ht...
đ ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/...
đ React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...
đ General React References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...
â
Follow Me:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray Â
LinkedIn:   / davidagray Â
Blog: https://yesdavidgray.com
Reddit:   / daveoneleven Â
Was this React.memo tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#react #memo #usememo