BUILD a React Timer with useRef | React Hooks useRef Tutorial

Veröffentlicht am: 26 November 2021
auf dem Kanal: Dave Gray
28,699
913

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


Auf dieser Seite können Sie das Online-Video BUILD a React Timer with useRef | React Hooks useRef Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Dave Gray 26 November 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 28,699 Mal angesehen und es wurde von 913 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!