bro i respect your work! as someone beginner to react i found your video both challenging and such a breeze. it's challenging because it gives me a glimpse that react isn't that simple, which humbles me. i thought tutorials is enough, there's much more beyond that. and on the other hand, the way you breakdown the problem and how you come up with existing solutions, give me a breeze. "oh so that's how i should think about this problems" i thought. i hope you can post more video like this bro, if you have X's account or something, i wish to follow you. it'll be good to add it in your channel descriptions. anyway, thanks for your works~!
actually useful react video. I always though about this because we also saw performance issues when using MUI and had debug that forward ref had something to do with it
Yup, the evolution of some of those APIs is interesting when you look at it retrospectively 😄 Thank you very much! I'm an avid reader of This Week in React myself, so it's a huge honor for me to be mentioned, appreciate it!🤩
When i learn react, i am confused why i can't pass the ref to my functional child component , like it is not fair if native/react component got that ability but mine not LMAO.
Yes, exactly! BTW by "native/react" component you probably mean the class component, right? TBH I think function components are more "native" nowadays, they are the de facto standard and React Docs no longer recommend class components anymore :D
@@UIEngineering ah I maybe have wrong term and wrong explain my intention, let me clear, when I learn react a few month ago I discover that I can't passing ref down to my child component, I grumping why it cannot done in first place by default lmao 🤣 (like u explain that we can either use different name to pass the ref or use forwardref )
Yep, yep, I get it. That's exactly what made me puzzled as well. The whole idea of filtering out ref from components should never materialize. IMHO it was a mistake, and thankfully we have official confirmation it will be dropped in React v19 :D
Can you just pass ref to a functional compojent and call the prop something other than ref ? Like so instead of calling the prop name ref. This way you can pass it as a prop
This is an absolute banger of a video. I have gained so much knowledge and background on this topic in such a small amount of time. Thank you for sharing this with us.
And this is such a wonderfully supportive comment, perfectly timed as I’m struggling with a creative block rn! Thank you so much! I’m glad you enjoyed the video :)
High quality research, point of view, and video! Please keep making content!
This is an exceptional talk. forwardRef demystified and demolished
bro i respect your work! as someone beginner to react i found your video both challenging and such a breeze.
it's challenging because it gives me a glimpse that react isn't that simple, which humbles me. i thought tutorials is enough, there's much more beyond that.
and on the other hand, the way you breakdown the problem and how you come up with existing solutions, give me a breeze. "oh so that's how i should think about this problems" i thought.
i hope you can post more video like this bro, if you have X's account or something, i wish to follow you. it'll be good to add it in your channel descriptions.
anyway, thanks for your works~!
actually useful react video. I always though about this because we also saw performance issues when using MUI and had debug that forward ref had something to do with it
man is working hard
*man got my respect and a sub plus a like
Great video, I forgot a bit about the historical context of all this over time 😅
Shared in this week's newsletter 👍
Yup, the evolution of some of those APIs is interesting when you look at it retrospectively 😄
Thank you very much! I'm an avid reader of This Week in React myself, so it's a huge honor for me to be mentioned, appreciate it!🤩
Let me try this!
When i learn react, i am confused why i can't pass the ref to my functional child component , like it is not fair if native/react component got that ability but mine not LMAO.
Yes, exactly! BTW by "native/react" component you probably mean the class component, right? TBH I think function components are more "native" nowadays, they are the de facto standard and React Docs no longer recommend class components anymore :D
@@UIEngineering ah I maybe have wrong term and wrong explain my intention, let me clear, when I learn react a few month ago I discover that I can't passing ref down to my child component, I grumping why it cannot done in first place by default lmao 🤣 (like u explain that we can either use different name to pass the ref or use forwardref )
Yep, yep, I get it. That's exactly what made me puzzled as well. The whole idea of filtering out ref from components should never materialize. IMHO it was a mistake, and thankfully we have official confirmation it will be dropped in React v19 :D
@@UIEngineering Finally :D
Can you just pass ref to a functional compojent and call the prop something other than ref ? Like so instead of calling the prop name ref. This way you can pass it as a prop
That's exactly the idea of what I've called "Custom Ref Prop Pattern" (06:16 - The Alternative). Exactly what you've described 👍
Such a detailed..and well-researched video. Well done 👏 Instantly liked & subbed 👍
I did write and rewrite the script for this video at least 5 times. So glad you liked it! Welcome onboard! 😊
Hey commenting again here! Thanks for fixing the audio desync.
Thanks for letting me know! My bluetooth headphones had a delay and tricked me 🙈
Dam boy! Imagine if at an interview they asked you "what do you know about ref". Instant hire. Great content.
Thank you! 🤩 Appreciate it!
This video was amazing, thank you so much
Thank you! ❤ It means a lot, and new videos are coming! ☺
This is an absolute banger of a video. I have gained so much knowledge and background on this topic in such a small amount of time. Thank you for sharing this with us.
And this is such a wonderfully supportive comment, perfectly timed as I’m struggling with a creative block rn! Thank you so much! I’m glad you enjoyed the video :)
That's great! I tried this pattern with the component of the Ionic framework, everything works great.)) Thanks!
Glad I could help! I think having this in your toolbelt definitely helps 🙂
Liking again !
Unfortunately reuploading totally killed this video's reach, so thank you for support! Appreciate it very much! ❤️