React useRef and forwardRef in depth

Показать описание

In this video you will learn how to use React useRef hook and forwardRef in order to reference any element present in the DOM tree in a completely optimised and recommend way.

📚 Materials/References:

🧠 Concepts Covered:

- React Refs
- React Hooks
- React useRef
- React forwardRef

🌎 Find Me Here:

Рекомендации по теме

Комментарии

Thank you! The docs made it a little confusing, your explanation was perfect :)

Mayomoz

A very clear explaination of useRef and forwardRef. Thanks.

{2023-11-09}, {2024-03-22}

Pareshbpatel

At 3:01 - "useEffect" goes into an infinite loop since you're not passing an item to the dependency array so I think you're not using the hook in the way it was intended: - change state -> component re-renders -> hook re-runs again -> component re-renders; in fact that infinite loop happening is not a bug but actually suppose to happen, I don't think this example was particularly good as it might confuse beginners into thinking their is inherent downside to useEffect in this situation which is not the case

I did learn a bit more about "useRef" thanks!

CliffordFajardo

Just wanted to say a BIG THANK YOU for this video. I could have saved myself 20 hours of frustration and swearing if I had just watched it before starting to play with Refs. You rock!

ThomasKupracz