Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Have you seen this useMemo hook use case? In this tutorial, we will use React's useMemo hook to memoize and optimize parts of our React app.
⭐ 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
Course Updates https://courses.davegray.codes/
Questions - Please post them to my Discord https://discord.gg/neKghyefqh
Buy Me A Coffee https://www.buymeacoffee.com/davegray
Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Starter Source Code: https://github.com/gitdagray/react-form-progress-bar
Completed Source Code: https://github.com/gitdagray/react-usememo-optimization
Have You Seen this useMemo Hook Use Case? Memoize & Optimize in React
(00:00) Intro
(00:24) Welcome
(00:35) Starter Code
(01:01) The Problem
(02:34) Possible Solutions
(05:04) Option #3 - useMemo
(08:27) Referential Equality
(11:56) No useCallback
(14:15) Other Optimizations
Tutorial References:
Option #3: One component with useMemo inside: https://github.com/facebook/react/issues/15156
When to useMemo and useCallback: https://kentcdodds.com/blog/usememo-and-usecallback
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
General React 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=
Was this React useMemo Hook Use Case tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#react #usememo #hook