useRef Hook in React explained with example | react typescript tutorial
useRef Hook in React explained with example | react typescript tutorial
Timer
00:00 – Introduction useRef
00:11 – useRef() in React
02:49 – Code Example of useRef hook
07:55 – Thanking audience
Description:
Welcome to this video from tutorialsinhand.com. In this video we are going to discuss on useref hook in react.
useRef() hook
If you have read about the hooks which have been discussed till now, you will see one common pattern. Almost all the hooks are used for performance improvement or feature improvement. But what if we have to store some value between successive renders or manipulate a DOM element? Nothing to worry. The “useRef” hook comes to the rescue.
The “useRef” hook enables the developers to reference a value that is not needed for rendering i.e. it allows the developers to write code in such a way that values referenced by “useRef” are retained between renders. Besides this, there is one more beneficial feature associated with this hook. Unlike “useState”, it doesn’t trigger rendering when data referenced by it is updated.
Like the other hooks, we have studied, we use the “useRef” hook at the top level of our component. Firstly, we have to import the “useRef” hook from “react” and then we can utilize it.
Class Component in React: • class component in react typescript |...
Functional Component in React: • Function Component In React explained...
Props in React: • props in react typescript explained
Props Validation in React: • props validation in react typescript
JSX / TSX: • jsx or tsx in react explained
Rendering List in React: • Rendering List in React
React Memo: • memo in react | why use react memo? #...
React Refs: • refs in react
Article URL: Yet to Publish
In case you like the video, feel free to like and hit the subscribe button. That is what keeps us motivated. For any queries, feel free to comment. We are here to help you.
#react #reactjs #reactjstutorial #reactjsfullcourse #reactjsforbeginners #webdevelopment #programming #typescript #useref #viral
react js, react tutorial, learn react, reactjs tutorial, react tutorial for beginners, reactjs tutorial for beginners, web development, useref react, useref hook in react js, useref, useref react hooks, useref in react js, useref hook, useref vs usestate, useref hook explained, learn useref, useref hook example, use useref
Important links:
Python programs website: https://tutorialsinhand.com/Articles/...
Python program video series: • python programming tutorial by Ayyan ...
Accept User Input in java using Scanner: • Getting user input in java using scan...
Java video series: • Java Programming tutorial
Java programming website link: https://tutorialsinhand.com/tutorials...
Java tutorial website link: https://tutorialsinhand.com/tutorials...
C video series: • C Programming Tutorial
Thanks for watching.
Please like and subscribe - tutorialsinhand.com [https://tutorialsinhand.com]
