React Refs | forwardRef TUTORIAL

An explanation of Refs and forwardRef in React. React's forwardRef allows us to pass Refs from Parent components to Child components. Created by Gregg Fine.

📖 Download my FREE "Google Search Secrets for Developers" Cheat Sheet:

🗣JOIN the Code Creative Facebook group! :

🌐 The Code Creative Official Website

🎓 The Code Creative Courses

✅ Recommended related videos:

Web Audio API: Exploring Oscillators

Web Audio API: createOscillator and Audio Nodes

Web Audio API: What is Audio Context?

✅ Let's connect:

Twitter - @GreggFine

Instagram - /greggfineguitar

Facebook - /hiddentigermusic

[hendrickmanenga]

What a simple way to explain what seemed to be a complex topic.Thank you

[MrRobeezy]

Nice. So simple and exactly what I needed. There are way too many videos on youtube that overcomplicate coding. Not this one. Subscribed.

[marktomlful]

Outstanding explanation and demonstration. Thank you so much for sharing

[TheCodeCreative]

🗣JOIN the Code Creative Facebook group! :

[dweebycat]

I laughed when the emoji appeared haha thank you for the great tutorial!

[NNNedlog]

Thanks a lot for this simple but very precise tutorial. I've been having issues with ref forwarding

[akhilscamp]

Explained very well... Bulls eye to my brain

[indigosay]

Thanks to you, I understood this function

[TheCodeCreative]

📖 Download my FREE "Google Search Secrets for Developers" Cheat Sheet:

[luxgroove]

how can we pass multiple refs into one component? and also can you change the name of "ref" when its passed?

[rohil]

I keep coming back to this video once in a while because I always forget how to use forward ref

[lasersGoPewPew]

Why do you need forwardRef though? Isn't it the same to just pass audioRef as a prop? I'm not entirely sure what benefit we're getting here even though I'm sure there's some kind of benefit here

[cervece]

Thanks for the detailed explanation Gregg, do you have a quick tip to forward a ref to a sibling component?

[webdev]

Hey, man.Thank your for you awesome video and May I know your vscode theme. It looks so fantastic

[PierreLaBaguette]

how is this better than passing ref as a usual prop and consuming it as a usual prop as well?

[TusharBorawake]

Hi,

Can you please make video in which parent component can have access it's child component and grandchild component methods. I was stuck in my real time project.

[TusharBorawake]

Am facing issue with below scenario.

I have class parent component and child as a functional component. Child component has one method ("showAlert") which I want to call in parent component button click. How do I achieve that. ? Not found any solution on Google because parent component is es6 class component and child is a functional react hooks component. Please share solution on this query. Thanks

[gilberttorchon]

what's the vscode theme you're using? I love it it's very easy on the eyes

[saurabrakshit]

Can you bother a little to make a vedio on how to send refs from child to parent, it will be appreciated a lot .

[gligorpecev]

What is the name of the theme you are using in your editor?