I’ve been using some regular html dialogs in a react app, and I think that does work as long as you don’t need to re-render anything while it’s open (eg I have an instructions dialog with static content that you can open and close). But if the content changes re-renders break that approach I think, at least for modal dialogs, which is what I want. Thanks for teaching me the right way to do it.
@MrTaekbeen8 ай бұрын
I wish I knew this sooner! Great content :)
@CodinginPublic8 ай бұрын
Glad you enjoyed it!
@OrcanArtz2 ай бұрын
Absolute hero!
@CodinginPublic2 ай бұрын
Glad you liked it!
@kafin350429 күн бұрын
Great videos! Thanks for making this! btw does this dialogue element is more superior than react portal?
@CodinginPublic22 күн бұрын
I wouldn't say superior, but anytime I can use native elements, I prefer them because they're built-in and accessible by default. Something as established as React portal will be good, too, but I just prefer to use the web platform when it's an option.
@steveca0577 ай бұрын
Always a huge help Chris, cheers
@CodinginPublic7 ай бұрын
So glad to hear, my friend!
@santiago.dev9614 күн бұрын
Why would you need access to the dialog DOM element ref? Isn't just better to have the ref defined directly in the Dialog component and use a prop to open/close the dialog for all the components that want to use the Dialog component in their return value? I think that having direct access to the ref in the parent component is kind of useless.
@_ash648 ай бұрын
Will try this out Chris!
@K.Huynh.8 ай бұрын
Thank for shaing! I will try this.
@CodinginPublic8 ай бұрын
Have fun!
@Pareshbpatel5 ай бұрын
React Dialogs that use the Dialog HTML Element, so clearly explained. Thanks, Chris. {2024-03-20} - Subscribed! , {2024-03-22}
@CodinginPublic5 ай бұрын
Glad it was such a help!
@7doors8478 ай бұрын
Very helpful. Looking forward to the Astro course. Could you do a video on Astro 4.0 sharing your thoughts?
@CodinginPublic8 ай бұрын
Astro course is live (well, early access is live) here: learnastro.dev! I may still do a 4.0 video. There's not a lot user-facing, so I didn't. My guess is I'll do individual videos on the features :)
@matheuspombeiro16753 ай бұрын
Thank you very much
@CodinginPublic3 ай бұрын
You’re welcome!
@dojoisdead4 ай бұрын
Omg ty so much!
@CodinginPublic4 ай бұрын
You’re welcome!
@artem_zakharchuk7 ай бұрын
Cool explanation!) Thank you) But you forgot to explain how useImperativeHandle relates to the dialog)
@CodinginPublic7 ай бұрын
Hmm…I haven't heard of that? Is that built into React?
@godofwar82628 ай бұрын
Thank for react video 🎉
@CodinginPublic8 ай бұрын
You’re welcome! Hope it was a help!
@pinholeopinhoАй бұрын
Thank you!!!!!!!!!!!!!!!!!!!!!
@CodinginPublicАй бұрын
You're welcome!!
@sweetink44536 ай бұрын
That was great video
@CodinginPublic6 ай бұрын
So glad you enjoyed it!
@sashaBejenari6 ай бұрын
Thx!
@CodinginPublic6 ай бұрын
You’re welcome!
@kyung.lee.official5 ай бұрын
This might not be the "right way". If you have states in a dialog, you probably want to clear them after closing it -- setting states to the default values one by one before calling the"close" function is ugly. I know what you're thinking, use a state to destroy the dialog, like "showDialog && ", unfortunately this will cause the dialog not showing up on iPhone😢, it works perfectly on Windows and Android though.
@MikeMcElroy2 ай бұрын
This is the first mention I've seen of anyone even trying conditional rendering of the dialog element, and why it might be problematic. Is there any more information on it? Like, what causes this particular problem for iPhone? Is it documented anywhere? I personally hate `ref`s, so I'm surprised to see everyone using them to manage their modal when they could just be using conditional rendering. I guess I'll find out as I try to develop my own dialog element modal implementation in React without refs.
@DioArsya8 ай бұрын
@alisherzaitov8 ай бұрын
Hey Chris! So cool you’ve finished your course, insta purchase. However I would’ve missed it if I had not check a spam folder. An announcement on the channel will be handful. Also the link in the channel info tab will be useful (cause since that was a letter from the spam folder I wanted to find a legit link on your channel, found it under one of the videos dedicated to Astro.) I’ll send you a feedback on the course soon🫶
@CodinginPublic8 ай бұрын
Good feedback, thanks! I don't want to spam everyone constantly about the course, but I do have some idea for future promotion of the course. Thanks for the feedback. Hope you love the course!
@alisherzaitov8 ай бұрын
@@CodinginPublic love it already, you are teaching in a right pace.. right for me.