React Hooks Tutorial | The useRef Hook

An explanation of the useRef Hook in React. React's useRef Hook allows us to access DOM elements in functional components. I also talk about Declarative vs. Imperative programming approaches. Created by Gregg Fine.
📖 Download my FREE "Google Search Secrets for Developers" Cheat Sheet:
store.thecodec...
🗣JOIN the Code Creative Facebook group! :
/ 1612600368887577
🔴Subscribe for more free Code Creative videos: : / @thecodecreative
🌐 The Code Creative Official Website
www.thecodecre...
🎓 The Code Creative Courses
www.thecodecre...
✅ Recommended related videos:
Web Audio API: Exploring Oscillators
www.youtube.co....
Web Audio API: createOscillator and Audio Nodes
www.youtube.co....
Web Audio API: What is Audio Context?
www.youtube.co....
✅ For business inquiries contact me at [e-mail]
✅ Let's connect:
Twitter - @GreggFine
Instagram - /greggfineguitar
Facebook - /hiddentigermusic

[@TheCodeCreative]

To subscribe to the channel: ruclips.net/channel/UCmOpHGj4JRWCdXhllVTZCVw

[@fikilekentane6982]

….u dude .. u are plain good … tnx for such a clear and beautiful explanation of userRef .. from now on .. I’m your BIG fan 🙏🏾

[@TheCodeCreative]

Thanks and welcome!

[@timbauer399]

This was beautiful!!! So useful. Thanks for posting!

[@TheCodeCreative]

Glad it was helpful!

[@losbur5416]

Omg one more perfect explanation on this channel of how hooks work. Thank you so much

[@TheCodeCreative]

Excellent 👍🏻

[@HannaKarenNasc]

I love that you explain everything in detail and you're also straightforward. Thanks for the video! I love it!

[@TheCodeCreative]

Thanks Hanna, glad it was helpful!

[@ranjanrnj6864]

Thank you it was a neatly explained video, and your music is awesome

[@TheCodeCreative]

Thank you kindly!

[@arthurradium5823]

Hello !! I just discover your channel. Thank you soo much for explaining react in a comprehensive and fun way !!!. Love it!

[@TheCodeCreative]

Thanks Arthur, glad it was helpful to you!

[@Elator11777]

Please make videos about other hooks! Your explanation is the best! The music is superb!

[@TheCodeCreative]

Thanks Andrey! I have an entire React Hooks playlist here: ruclips.net/p/PLMPgoZdlPumdViYuJPRQ7wqrztNp3ZcuE

[@ocoocososococosooooosoococoso]

way easier to understand the useRef hooks, thanks for sharing.

[@TheCodeCreative]

Great! Thanks for watching!

[@Elator11777]

excellent! Only you have real examples, not the 10000 focus examples from all other tutorials! Thank you!

[@TheCodeCreative]

Hi Andrey! Great, thanks for watching!

[@alvinacosta2312]

You have a way with teaching. Good job. I hope you continue doing this and get thousands of subs. here is one now! I also do hope you create react project tutorials. keep it up, man! we are waiting for more tuts :)

[@TheCodeCreative]

Thanks Alvin and thanks for subscribing! More tuts coming soon 👍🏻👍🏻👍🏻

[@zameeebasha]

Nice and clear as the audio file 😉

[@TheCodeCreative]

Thanks for watching Zameerbasha!

[@dheerajnaik6467]

@@TheCodeCreative it's zameer sheikh😁

[@abeechr]

Wow nice work! Where have you been all this time? Keep em coming. :)

[@TheCodeCreative]

Thank you Abeechr! More coming soon!

[@gligorpecev5199]

Great teaching voice

[@TheCodeCreative]

Thanks Gligor!

[@tanzeemahmed8609]

Thanks for great react videos. I had a question, can you suggest an order in which one must watch your react hooks playlist? Thanks

[@TheCodeCreative]

I would start with useState and then useEffect. Those are probably the most essential Hooks. After that, look at the Custom Hooks video. Then, useContext. Finally, the useRef/forwardRef vids. Hope that helps!

[@tanzeemahmed8609]

@@TheCodeCreative Thanks a ton.

[@TheCodeCreative]

@@tanzeemahmed8609 you're welcome

[@yashwanthsrini]

thanks

[@TheCodeCreative]

👍🏻

[@baseerx]

How to call child component method from parent component on click function using useRef,please help i am unable to call child component method.

[@TheCodeCreative]

Why not just put the function in the parent component? If the child component needs access to it, you could pass it down as a prop.

[@saivivekravi4681]

Which theme you are using I like the theme

[@TheCodeCreative]

It's called "Shades of Purple"

[@saivivekravi4681]

@@TheCodeCreative but shade of purple is very dark in purple have you customized it

[@TheCodeCreative]

@@saivivekravi4681 I don't believe I had customized it as far as I can recall.

[@abeechr]

Audio doesn't play for me. Went over it line by line. Could Chrome be blocking playback? Also used the latest Create-react-app, 17.0.1 Perhaps this is the issue?

[@TheCodeCreative]

It could be Chrome blocking playback. Take a look at this and see if it helps: ruclips.net/video/sLXcuCrBL-M/видео.html

[@abeechr]

@@TheCodeCreative Thanks, but no luck. In terms of a React component and the code from your demo:
useEffect(() => {
audioRef.current.play()
}, [ ])
How would I check if suspend has been called?

[@TheCodeCreative]

📖 Download my FREE "Google Search Secrets for Developers" Cheat Sheet:
store.thecodecreative.com/google-secrets-cheat-sheet

[@TheCodeCreative]

🗣JOIN the Code Creative Facebook group! :
facebook.com/groups/1612600368887577

[@piaere]

Your videos are great but please stop inserting annoying stock images and sounds, they're distracting and not funny:)

[@TheCodeCreative]

Thanks for the feedback!