Advanced React Ref Pattern

How to expose functionality to parent components in React #react #reactjs #reactjsdeveloper #programming #progammer #frontend #devtok #coding #code #codetok #cs

[deadchannel]

A use case for this:

You have a VideoPlayer component. You can add ref and call the play() or pause() functions outside of the component.

[AsterixAstrix]

and what does it do? a lot of your videos would benefit a lot, imho, if you show UI at the end with an example.

[merlinmeraldz]

I really like watching your videos, I learned something new again.
More power to you🎉

[fabre]

Depends on the use case, but as much as possible i use context for everything aince it was introduce

[YogeshPatil-nwcn]

Nice. You explain complex things in simplest manner 🎉

[UserZZ-wn]

i think the ref callback pattern is simpler and it would work for focus and clear as well

[bobobo]

Two questions. 1. Shouldn't you use forwardRef if you pass a ref to the child component? 2. It's great but the problem is that react discourages imperativeHandler because it's not optimal and only for extreme cases. Greetings

[meslzy]

I used this approach once i got a lot of issues with typing. It was a nightmare

[Daijyobanai]

What I heard: “ ref ref ref ref ref ref ref ref ref ref “. Nonsense.

[syonukr]

Shouldn’t we pass componentRef.current into useEffect dependencies list?

[prashantbharati]

What is the need of passing the parent ref inside useImperativeHandle, how do we use it?

[sourya]

Shouldn't you forward the ref to the Component with React.forwardRef() ?

[cloudsss]

I imagine a mid level getting this code to update... what a confusing pattern, better stay away.

[gio_aguirre]

This is not recommend, please specify that.

[bunyodl]

Ничего не понятно, но очень интересно