BUILD a React Timer with useRef | React Hooks useRef Tutorial
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
In this React Hooks useRef Tutorial, you will build a React timer app / stopwatch application by persisting values with the React hook useRef. You will also learn how useRef can count renders and be applied to elements inside JSX.
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
🚀 React JS for Beginners full course - 9 hours: • React JS Full Course for Beginners | Compl...
🔗 Source Code: https://github.com/gitdagray/useref_tut
BUILD a React Timer with useRef| React Hooks useRef Tutorial
(00:00) Intro
(00:19) Welcome and Overview
(01:15) Creating a reference with useRef
(01:36) useRef vs useState
(02:04) useRef to count component renders
(03:41) useRef to set focus on an element in JSX
(05:33) Warning: Don't do this!
(06:34) useRef to build a stop watch timer app
🔗 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: / yesdavidgray
LinkedIn: / davidagray
Blog: https://yesdavidgray.com
Reddit: / daveoneleven
Was this tutorial about the React hook useRef helpful? If so, please share. Let me know your thoughts in the comments.
#useref #react #hooks
On this page of the site you can watch the video online BUILD a React Timer with useRef | React Hooks useRef Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Dave Gray 26 November 2021, share the link with friends and acquaintances, this video has already been watched 28,699 times on youtube and it was liked by 913 viewers. Enjoy your viewing!
