I am an experienced developer with 5 years of experience and it amazes me how much knowledge you have and how well you explain everything. This proves how well you know what you are teaching. I am far far away from your level and I was considering myself good haha. Need to watch more your videos and get better ! thank you
If 5 years into the job you watch this and find ANYTHING that makes you say "wow how much this guy knows!", you're either the worst developer ever or just trolling.
@@robertgioeli3211 this is nothing knew dear fellow, i haven't got my first job yet and see i'm here on this video, now you imagine where i will be in next 5 years.
actually, when you teach someone else, you start to understand things even deeper. cuz you kinda need to look at these things from different perspective.
Good job. I'm working on a react project where we need to do a forum submission and I was thinking of using a Modal. I'll definitely be utilizing this to do it. Thank you very much.
Last week I heard about Portals at work and didn’t actually know what they are, so I was planning to take a look at them. This video was exactly what I needed, love this channel ❤️
10:55 I just learnt this today what you taught is called event bubbling. 😅👍 And that is the feature of Javascript. You can even do the opposite of event bubbling which is event capturing or trickling which will call the onclick of child before parent as opposite of bubbling. JS has bubbling enabled by default.
I go to React Docs and read about portals and not really get what it is for. I come to Kyle's channel and understand what it is for and how to use it. So thankful for your lessons, man 🙏
I am concerned that if this guy's courses become famous, we are not going to get awesome vids like these. I learn so much each time your vids come out. I have already recommended this Channel to so many guys.
i was having weird styling errors like i couldnt get all the components to have same modal style and some styling was not applying. i used portal and it just fixed everything in less than 1 min Love you dude Thank you so much
Man... I was just watching a video....... For like 23 minutes and 13 seconds, watching this other guy's video, on the same topic. The video was like 40 minutes long and I didn't even learn half of what you taught here in 12 minutes here! I love your vids man, I'm definitely going to be checking out your course!
I love practical tutorials and creating a modal is so common in real apps. I've never used portals before, so I loved this. Thanks for this video, Kyle. :)
Thanks for this tutorial! I’ve been learning about full stack development for the past year and your videos have been immensely helpful. Thanks for always getting straight to the point and keeping these videos short and sweet. Take care.
Thank you, you are a beast. I created a modal myself a while ago but fortunately (or not!) I didn't get to experience the side effects of not using portals, I didn't know the context of zindex... Thanks for this tutorial, it's something I didn't know I needed.
you are amazing! you can make it even easier than using an external library for just that purpose of creating a modal! I loved and I'm gonna use portals in every project from here on! I've also implemented functionality to click anywhere outside the Modal and trigger the event of closing the modal, it works great!
Holy smokes! I've been wanting to make something like this without using a library for a long time but haven't really had a clue on how I would go about doing it and now I know thanks to you! :)
I don't know what kind of mind-reading technique you're using but I just wondered about a better way to handle my modals in React (cause I really messed up a project) I did a research just now, and saw your video.... and found out it was just uploaded like today!! thank you though
Awesome, easy to follow Video! As I am following along, I find my overlay working properly without having build the portal yet. Did something in React change as of the day this Video was created? Thank you!
Yet another great topic and amazing video. I added this functionality to my new website as soon as I finished the video. It would be great if you could expand this and add something like viewing a PDF with react-pdf-viewer. Have a portal modal open the viewer and display a pdf. That's a totally random idea and doesn't apply directly to the functionality I'm adding....I swear. :)
Hey Kyle, thanks for the video! Is there an issue with just putting the Modal as the last component in App, so its on top of all other elements (such as "other content" in this video), and then not using z-index or the portal?
I am an experienced developer with 5 years of experience and it amazes me how much knowledge you have and how well you explain everything. This proves how well you know what you are teaching. I am far far away from your level and I was considering myself good haha. Need to watch more your videos and get better ! thank you
If 5 years into the job you watch this and find ANYTHING that makes you say "wow how much this guy knows!", you're either the worst developer ever or just trolling.
@@allsunday1485 🤡 I don't care if you're a developer for 10 years, there is always more to learn.
@@robertgioeli3211 this is nothing knew dear fellow, i haven't got my first job yet and see i'm here on this video, now you imagine where i will be in next 5 years.
@@robertgioeli3211 These videos are catored to beginners, not experienced devs. If youre any competent as an engineer you don't wow anywhere here
i've been a developer for 2 days & I just made a modal. give me your job pls.
This guy makes me want to teach someone else everithing i know. I'm so grateful about this channel. ❤️
actually, when you teach someone else, you start to understand things even deeper. cuz you kinda need to look at these things from different perspective.
th-cam.com/video/6XTRElVAZ9Y/w-d-xo.html
Good job. I'm working on a react project where we need to do a forum submission and I was thinking of using a Modal. I'll definitely be utilizing this to do it. Thank you very much.
Last week I heard about Portals at work and didn’t actually know what they are, so I was planning to take a look at them. This video was exactly what I needed, love this channel ❤️
That cool, calm and graceful style made me grasp a concept that I wasn't able to get for ages! Thankyou so much!!!!!!!!
I am more and more falling in love with your teaching style. Specially to understand react at deep level your tuts are so amazing
Thanks Kyle for this short and practical tutorial. Time to get hands-on with Portals
Thanks a lot for this tutorial
i was using a package before you arrived without really understanding how to deal with Modal
10:55 I just learnt this today what you taught is called event bubbling. 😅👍 And that is the feature of Javascript. You can even do the opposite of event bubbling which is event capturing or trickling which will call the onclick of child before parent as opposite of bubbling. JS has bubbling enabled by default.
And i just leaner from you that the name of "that thingie with arrow functions" is called event bubbling and capturing
Great video. I’ve been meaning to learn about react portal!
Wow, look who we have here; I appreciate you James. Thank you for all you do
I go to React Docs and read about portals and not really get what it is for. I come to Kyle's channel and understand what it is for and how to use it. So thankful for your lessons, man 🙏
I am concerned that if this guy's courses become famous, we are not going to get awesome vids like these. I learn so much each time your vids come out. I have already recommended this Channel to so many guys.
i was having weird styling errors like i couldnt get all the components to have same modal style and some styling was not applying. i used portal and it just fixed everything in less than 1 min Love you dude Thank you so much
Man... I was just watching a video....... For like 23 minutes and 13 seconds, watching this other guy's video, on the same topic. The video was like 40 minutes long and I didn't even learn half of what you taught here in 12 minutes here!
I love your vids man, I'm definitely going to be checking out your course!
Specially signed in to comment that all of your tutorials are just amazing!... Thank you
I don't know your name but dude, you are a blessing. You just helped me solve a major problem, man. Thank you so much
Thanks Man... really was scratching head reading docs, and you made the concept clear!!
Amazed something that was created that 2 years ago is still relevant to understand some react concept that we seldom used.
Concise and well-presented with very informative content -- and all in only 12 minutes. Very good job.
Thanks, my friend. You're a talented instructor.
I love practical tutorials and creating a modal is so common in real apps. I've never used portals before, so I loved this. Thanks for this video, Kyle. :)
Thanks for this tutorial! I’ve been learning about full stack development for the past year and your videos have been immensely helpful. Thanks for always getting straight to the point and keeping these videos short and sweet. Take care.
what is the difference between using portals and tag? and whats better to use?
Thank you so much, Kyle, am learning react and popups has been difficult for me to implement, you have really simplified this for me.
How come you always have something new to teach? I searched "best way to create a model?", and landed here from Reddit!
Thank you, you are a beast. I created a modal myself a while ago but fortunately (or not!) I didn't get to experience the side effects of not using portals, I didn't know the context of zindex... Thanks for this tutorial, it's something I didn't know I needed.
you are amazing! you can make it even easier than using an external library for just that purpose of creating a modal! I loved and I'm gonna use portals in every project from here on! I've also implemented functionality to click anywhere outside the Modal and trigger the event of closing the modal, it works great!
An incredibly high-quality and helpful tutorial, thank you!
Short, and to the point. Great tutorial.
Oh my God!!! This solved a issue I was having and simply gave up. Thank you!!!!!
Incredibly underrated feature, extremely powerful.
OMG thanks so much, I've been searching for days a way to solve this !!! Thanks a lot !!!
So much more simple than I thought. Thanks!
Holy smokes! I've been wanting to make something like this without using a library for a long time but haven't really had a clue on how I would go about doing it and now I know thanks to you! :)
It is a noble cause to avoid libraries. You will be very powerful someday.
you first made modal in general way then said what's wrong with this then go ... this is the best teching technique
Awesome content my friend. Regards from Brazil
well explained and quick boost. thank you so much Kyle.
Thank you so much for this amazing content ! Your knowledge is saving me so much time and effort !
I like your video before I watch it. The reason is quality content.
You are awesome Kyle 😍 Tanks for all your PERFECT tutorials 😙😉
Kyle, you're a life-saver!! Thank you for the awesome contents!!
Just what I needed. Thank you Kyle.
This elegant approach work with my nextjs project too! Thank you.
how?
Best explanation on React Portals
I don't know what kind of mind-reading technique you're using but I just wondered about a better way to handle my modals in React (cause I really messed up a project)
I did a research just now, and saw your video.... and found out it was just uploaded like today!! thank you though
genius, thank you, saved my life!
Didn't know anything about portals before today; like I didn't even know they existed.
Thanks for constantly sharing your knowledge
Very nice and clear explanation. ❤️
Explained really well 👍
THANK YOU I HAD NO IDEA ABOUT THIS
No stack to Full stack ❤️🔥
awesome video! thank you for making this so clear and concise, I've subscribed and looking forward to more of your content
Thanks so much man
You solve my day
Thanks for this dude. Shit was driving me nuts. Now I feel like I can make modals anywhere/everywhere.
Awesome, easy to follow Video! As I am following along, I find my overlay working properly without having build the portal yet. Did something in React change as of the day this Video was created? Thank you!
Great explanation Kyle, thank you!
Thank you so much for the great explanation!
beautifully explained
Yet another great topic and amazing video. I added this functionality to my new website as soon as I finished the video. It would be great if you could expand this and add something like viewing a PDF with react-pdf-viewer. Have a portal modal open the viewer and display a pdf. That's a totally random idea and doesn't apply directly to the functionality I'm adding....I swear. :)
Great as always! Could you please make a short video on how to make a Modal using ReactRouter 6? Thank You!
Thanks. Learned something new today.
OMG Thank you, I could finally understand! you're THE BEST
This is what I've been looking for!
How did you add the talking circle in the bottom right? Was that React Portal?
Really ? 😂
Helpful and just on time as always.
Great work boy! Really appreciate your work.
Thank you Kyle!
Good tutorial. I'm didn't know yet what portals exist in another root div
Thank you for nice tutorial!
Thank you very much for very good explanation. I really appreciate this content!
Great info, I'd really like to know what camera you use for your videos, su h good quality 👌
Thanks
Awesome tutorial
nice tutorial, thank you
Great tutorial, TY. Keep up the good work pal :)
Awesome. Very helpful!
Amazing tutorial :)
Dude, you are awesome, thank you for the explanation
you really look like a Hollywood star. Btw this one was a lifesaver Thanksssss!!!!!
Thanks a lot 🙂
Thank you!
Plz could You make a video of creating responsive navigation bar in react ? Thanks in advance.
que forma tan facil y agradable de explicar !!!
This was really helpful!
Could you also make a video on how Redux works with React and how to properly use it, cause it looks confusing
Thank you Kyle the Robot guy!
you pure gold ❤️ please make a simplified video on redux
Thank you so much!
Thanks for all cool videos, man!
thanks Kyle
Thank you man
Always love your content man 👍🏾
You're the best, thank you.
instead of putting null you can put the button there and put useState along with the modal component.
Thank you so much Kyle!
I would love to take your react course. Has it been updated to React 18?
Thanks man!
Hey Kyle, thanks for the video! Is there an issue with just putting the Modal as the last component in App, so its on top of all other elements (such as "other content" in this video), and then not using z-index or the portal?
Muchas gracias.. genial el contenido que haces... fácil y sencillo!!!
ty Kyle.