BUILD a React Timer with useRef | React Hooks useRef Tutorial

Опубликовано: 26 Ноябрь 2021
на канале: 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

На этой странице сайта вы можете посмотреть видео онлайн BUILD a React Timer with useRef | React Hooks useRef Tutorial длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Dave Gray 26 Ноябрь 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 28,699 раз и оно понравилось 913 зрителям. Приятного просмотра!

1,090