React Hooks Tutorial 28 | useRef Hook Part 1 | English
📫 Business - [email protected]
💖 Portfolio - https://jawad-rana.com
Facebook - https://www.facebook.com/profile.php?...
Instagram - / futuredimensions360
Tiktok - https://www.tiktok.com/@futuredimensi...
Twitter - / fdimensions360
LinkedIn - / muhammad-jawad-saeed-19b30211b
The useRef hook in React is a powerful tool for accessing and interacting with DOM elements or storing mutable values across renders without causing re-renders.
Key Points
Initialization:
The useRef hook accepts an initial value and returns an object with a current property. This current property can be accessed or modified directly.
Persistence Across Renders:
The object returned by useRef persists across re-renders, but changing the current property does not cause a re-render of the component.
DOM Access:
When used with DOM elements, ref.current will point to the DOM node after the component mounts.
Avoiding Re-Renders:
Unlike state, changing the value of useRef.current does not trigger a re-render, making it suitable for keeping track of values that don’t need to affect rendering.
#reactjs #react #javascript #coding #frontend #reactjstutorial #reactjsdeveloper #tutorial #tutorials #programming #reactjsprojects #useref
0:00 Introduction
0:45 Example
2:38 useRef Hook