useCallback STOPS this React MISTAKE | useCallback React Hooks Tutorial
51 هزار بار بازدید -
3 سال پیش
-
Web Dev Roadmap for Beginners
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
In this useCallback React Hooks tutorial, you will learn how to implement useCallback to avoid a common re-rendering React mistake! You will also learn about referential equality in Javascript and why it is so important to understand with the useCallback React hook.
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
🚀 React JS for Beginners full course - 9 hours: React JS Full Course for Beginners | ...
🔗 Source Code: https://github.com/gitdagray/usecallb...
useCallback STOPS this React MISTAKE | useCallback React Hooks Tutorial
(00:00) Intro
(00:11) Welcome and Overview
(00:22) Referential Equality
(02:41) An example without referential equality
(06:27) A mistake that is easy to make
(08:28) Adding referential equality with useCallback
(10:08) Frequent uses of the useCallback hook
(11:02) The endless rendering loop problem
(13:59) Preventing an endless rendering loop with useCallback
🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/...
🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...
📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...
✅ Follow Me:
Twitter: Twitter: yesdavidgray
LinkedIn: LinkedIn: davidagray
Blog: https://yesdavidgray.com
Reddit: Reddit: DaveOnEleven
Was this tutorial about the React hook useCallback helpful? If so, please share. Let me know your thoughts in the comments.
#usecallback #react #hooks
In this useCallback React Hooks tutorial, you will learn how to implement useCallback to avoid a common re-rendering React mistake! You will also learn about referential equality in Javascript and why it is so important to understand with the useCallback React hook.
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
🚀 React JS for Beginners full course - 9 hours: React JS Full Course for Beginners | ...
🔗 Source Code: https://github.com/gitdagray/usecallb...
useCallback STOPS this React MISTAKE | useCallback React Hooks Tutorial
(00:00) Intro
(00:11) Welcome and Overview
(00:22) Referential Equality
(02:41) An example without referential equality
(06:27) A mistake that is easy to make
(08:28) Adding referential equality with useCallback
(10:08) Frequent uses of the useCallback hook
(11:02) The endless rendering loop problem
(13:59) Preventing an endless rendering loop with useCallback
🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/...
🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...
📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...
✅ Follow Me:
Twitter: Twitter: yesdavidgray
LinkedIn: LinkedIn: davidagray
Blog: https://yesdavidgray.com
Reddit: Reddit: DaveOnEleven
Was this tutorial about the React hook useCallback helpful? If so, please share. Let me know your thoughts in the comments.
#usecallback #react #hooks
3 سال پیش
در تاریخ 1400/08/28 منتشر شده
است.
51,080
بـار بازدید شده