Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
The Built-in React Hook no one talks about! In this React hooks tutorial, you will learn about the built-in React hook useDebugValue. You'll learn what useDebugValue is used for, how to apply it, and why it has a special 2nd parameter available.
Subscribe https://bit.ly/3nGHmNn
React JS for Beginners full course - 9 hours: https://youtu.be/RVFAyFWO4go
Course Updates https://courses.davegray.codes/
useDebugValue Explained with an Example | React Hooks Tutorial
(00:00) Intro
(00:20) Welcome
(00:43) Our custom hook
(01:19) Adding a custom label
(03:02) Displaying useful debug data
(06:24) Formatting function parameter
(07:36) When to apply useDebugValue
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:
Github: https://github.com/gitdagray
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 useDebugValue helpful? If so, please share. Let me know your thoughts in the comments.
#usedebugvalue #react #hooks