useRef and forwardRef in React | Learn useRef hook and forwardRef

  Рет қаралды 1,468

Rajesh Bhattarai

Rajesh Bhattarai

Жыл бұрын

The useRef is a React hook that allows you to directly create a reference to the DOM element and returns a ref object with a single current property initially set to the initial value you provided.
In React forwardRef is a method that allows parent components to pass down ref to their children. The forwardRef gives reference to a DOM element created by its parent component to the child component. This then allows the child to read and modify that element anywhere it is being used.
Connect with me:
Twitter: / izrajesh
Instagram: / irajeshbhattarai
Medium: / rajeshi
Website: rajeshbhattarai.com/
Disclaimer:
All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
#reactjs #reacthooks

Пікірлер: 12
@heyrajesh
@heyrajesh Жыл бұрын
Below is the link to the complete blog on useRef hook and forwardRef in React. Link: blog.devgenius.io/what-is-useref-hook-forwardref-in-react-a-complete-explanation-8f55496875ca
@jeevansharma2236
@jeevansharma2236 Жыл бұрын
Put as simply as possible!
@heyrajesh
@heyrajesh Жыл бұрын
Thank you Jeevan
@ramvignesh7157
@ramvignesh7157 Жыл бұрын
Great Explanation bro
@heyrajesh
@heyrajesh Жыл бұрын
Glad you liked it
@ardashermister2695
@ardashermister2695 7 ай бұрын
that best explanation
@heyrajesh
@heyrajesh 7 ай бұрын
Thank you
@sayanisaha7331
@sayanisaha7331 Жыл бұрын
Keep up the good work 🙌
@heyrajesh
@heyrajesh Жыл бұрын
Thank you Di ❤
@alisonoz7219
@alisonoz7219 Жыл бұрын
very clear and great tutorial! thank you!
@heyrajesh
@heyrajesh Жыл бұрын
Glad you liked it
@tanmayabehera7887
@tanmayabehera7887 Жыл бұрын
Just a question, What can we do to avoid creating each variable for each field?
Goodbye, forwardRef
15:59
UI Engineering
Рет қаралды 5 М.
The child was abused by the clown#Short #Officer Rabbit #angel
00:55
兔子警官
Рет қаралды 23 МЛН
Haha😂 Power💪 #trending #funny #viral #shorts
00:18
Reaction Station TV
Рет қаралды 15 МЛН
FOOLED THE GUARD🤢
00:54
INO
Рет қаралды 63 МЛН
КАРМАНЧИК 2 СЕЗОН 7 СЕРИЯ ФИНАЛ
21:37
Inter Production
Рет қаралды 482 М.
Never Forget React forwardRef Again
9:33
Coding in Public
Рет қаралды 14 М.
Learn React Hooks: useRef - Simply Explained!
12:42
Cosden Solutions
Рет қаралды 82 М.
componentWillUnmount in functional component using the useEffect hook
4:54
Самые загадочные хуки - useImperativeHandle и forwardRef
9:42
Веб-разработка - DevMagazine
Рет қаралды 8 М.
React Hook useRef and forwarding refs with forwardRef
14:46
techsith
Рет қаралды 80 М.
useRef hook in reactjs | Easiest way
19:44
Hitesh Choudhary
Рет қаралды 73 М.
React 23: forwardRef
9:50
Школа web-программирования Constcode
Рет қаралды 9 М.
Learn React Hooks: useImperativeHandle - Simply Explained!
9:54
Cosden Solutions
Рет қаралды 17 М.
React useRef and forwardRef in depth
10:32
Fullstack Simplified
Рет қаралды 24 М.
Choose a phone for your mom
0:20
ChooseGift
Рет қаралды 4,5 МЛН
Худший продукт Apple
0:53
Rozetked
Рет қаралды 135 М.
YOTAPHONE 2 - СПУСТЯ 10 ЛЕТ
15:13
ЗЕ МАККЕРС
Рет қаралды 160 М.