React Hooks Tutorial - 28 - useRef Hook Part 1

📱 Follow Codevolution

useRef Hook in React

[aeronwolfe]

Man, i absolutely love the way you teach. Methodically explaining every step. You not only teach HOW to program... But how TO BE a programmer. Awesome videos sir!!!

[woutvandesompele]

I had a really hard time getting this concept when reading the React documentation. But watching this I understood it an a breeze! Thanks alot!

[sidneykantor]

All of your videos are fantastic. You are so calm and speak slowly enough that I can follow everything without having to pause and rewind. Thanks so much for such great videos!!!

[programmingforfun]

This guy is boss in react. The way he explains can't be compared with anyone else

[vigneshgvs]

I pray and wish - you, your parents, siblings, lifepartner, children, all to be well always. Thanks a ton to your parents, for raising such a gentle n intelligent humanbeing!

[talkohavy]

2 points worth mentioning:
1) autoFocus can be used, so the useCase loses it's meaning. Upon watching this video, one might think "ah... there's probably a better way to work around this, so i don't really need it".
2) The use case I ended up giving useRef was this: I had a chat box of height 800, and a chat bubble is of 200px height. After 4 messages, a scroll bar appeared, but visually? the display would be stuck on the first message, while messages keep piling up down at the chat box. I needed useRef, in order to be able the access the scrollTo attribute of the DOM element which was the chat box.

[FullStackMaster]

Nice to see that useRef is same as Angular elementRef. Great stuff !

[mrFighter]

For me its the best YouTube channel for learning code it's simply the best!!! thank you!!!

[thirstypooch]

short & sweet ... Sir you got yourself a new follower

[sameeravhad]

Codeevaluation you are very good teacher. Awesome videos. You have made life easy...Big

[zakidzz]

until now i watched your entier state ..series im on this vedio and i put a like for every vedio i watched thnks

[Djolesabijacica]

This saved my life, i managed to make on click of a button1, the button2 to be clicked.

[filipm]

Fail-safe answer to any interview question: "Well... that is just something that React does." :D epic

[MrRobeezy]

Thank you for this and very helpful. The example was simple and to the point. I do wonder, can we use useRef for multiple refs? Since the .current method will set the ref's current property to the corresponding DOM node, what if there are multiple refs, how does React know which node to apply it to?

[prateeksomani]

3:40
in line 9 : inputRef.current.focus( ) .... what is focus( )...where its is defined and how are we able to use it

[anishbhut]

Which extension you used for react components generate, you are using sort code like rsfc

[thecoderraj]

Thanks a lot, very amazing and informative video and too the point 👍🙏🙏🙂

[CarlosMansilha]

great! now i need the fowordingRefs can you explaing that?

[David-tetw]

Which plugin do you use to load snippets?

[sbnsaravana]

Inputref.current.focus() showing undefined error in console.
I am using latest stable version

Any one could help?