Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
useMemo explained with several easy-to-follow examples. This React Hooks useMemo tutorial will show you why and how to apply the useMemo React hook to improve your React app performance and gain referential equality.
Subscribe https://bit.ly/3nGHmNn
React JS for Beginners full course - 9 hours: https://youtu.be/RVFAyFWO4go
Source Code: https://github.com/gitdagray/usememo_tut
useMemo Explained | React Hooks useMemo Tutorial
(00:00) Intro
(00:08) Welcome and Overview
(00:33) Identifying the need for useMemo
(02:10) useMemo for performance optimization
(02:59) useMemo for referential equality
(04:00) useMemo vs useCallback Part 1
(04:17) Primitive values in a hook dependency array
(06:12) Eliminate the performance lag with useMemo
(07:48) useMemo vs useCallback Part 2
(09:47) Achieving referential equality for an array with useMemo
ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=
Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
Was this tutorial about the React hook useMemo helpful? If so, please share. Let me know your thoughts in the comments.
#usememo #react #hooks