Refs in React: from access to DOM to imperative API

[@dimau]

Спасибо за такую хорошую глубину разбора материала и восхитительную подачу! Раскладывает по полочкам в голове сложные темы :)

[@developerwaypatterns]

Thank you for the kind words! 😊

[@userJakov]

@@developerwaypatternsдобрый вечер, а у вас нет книг на русском языке?

[@developerwaypatterns]

@@userJakov Unfortunately, no :(

[@thiagopuntar]

Oh, missed you! Thank you so much for all your articles. Please keep doing more and more!😍

[@fal8202]

thank you for this well explained and nicely animated video, so much easier to understand

[@elik3765]

Thank you very much! As always, to the point and I don't think I have seen better visuals anywhere around, I think they ccontribute well to your brands defferentiation when compared to code-along vids. Article and a vid is my favorite combination. To me, it's like an article is for sharpening my knowledge, video - for honing )

[@developerwaypatterns]

Thank you! 😊

[@gaddp]

super clear video with a beautiful example. thanks Nadia!

[@Viral_vittles]

Thats a pure magic u teaching, feels like I am in the Castle of Hogwarts

[@vinitraut18]

Thanks Nadia, great content as always!!!

[@marouaniAymen]

Thanks for the video, I used the same pattern like you, but for using conditionals in order to activate/deactivate styles, I call the clsx library in order to toggle CSS classe names.

[@devquen7688]

wow, this is the video containing all of the knowledge about useRef as I know 🤯

[@katsunoi]

great video!

[@assylzhanshabkhatov]

Really useful guide. Thanks!

[@anuragkanwar1844]

Love your blogs !! and now video content is cherry on top

[@nicolasmenescardi4077]

Love your videos!! Thanks!

[@thiagomasseno2550]

There's something i didn't get ... is about the moment on your video "time 3 minutes and 49 seconds" i have a doub . The value i need to put into the property ref = " " in a tag have must to be the same name of variable who has the useRef() at the line 3 from the code on the video ?

[@TheProfessionalGambler]

Does React have any differences or caveats between inputRef={ref} and forwardRef()? It looks like the ref is just a unified version of the ref transfer in these cases.

[@developerwaypatterns]

They are pretty much the same, yeah

[@sushantrajbanshi4508]

So the *forwardRef* & *useImperativeHandle* are just syntactic sugars over manually passing refs & mutations ? Or are there any performance benefits on using them ?

[@developerwaypatterns]

Yep, exactly. I'm not aware of any performance benefits of those vs just manually passing ref around, and I doubt there can be any.

[@aeldarets]

How is this going to work with TypeScript?

[@developerwaypatterns]

same as with javascript

[@aaryansj8016]

Thanks... Wonderful Vidoes

[@ikbo]

have you thought of releasing a react 19 course so you can take my money?

[@developerwaypatterns]

thought about it, maybe some day :)