Thanks man, I've been using react and redux for so long and i usually used global redux state to handle my modals. Now that I'm learning next, redux has thrown me around. This helped massively
Heading to logrocket blog to check out the article having watched your tutorial felt like taking compound V (the boys movie) ontop my superpower. That article was insane! Great content ,man. I love your breakdown.
thanks for sharing, it gives me some idea on my modal project. with the body scroll i think it should be set back to "visible" which is the default value, rather than "unset" or it can be set to undefined or ""
Hello Christian, I am doing this tutorial which is great! However, I am unable to interact/click with any component within my modal? Do you have any idea on why that might be?
HI daniel, thanks for the response! if you share a github link, I'm happy to take a look I bet it is something related to pointer-events in tailwind tailwindcss.com/docs/pointer-events Sorry for the delayed response! Took a break for the holidays
Hello friend, thank you very much for your help, now to implement it, do you know if I should have any consideration to use it with the new appRouter; I would think not but it doesn't hurt to ask.
Hey Christian, could you share the code for the pomodoro game? I would love to go through the code and learn more about it :) Thank you, love you videos.
Hi Shreyas, if you're able to provide a github link, I'm happy to take a look at the code. If not, try adding some console logs to get a sense for why it might not be working as intended, and walk through the expected logic slowly. Good luck!
Hello Yugen, thanks for ur video, but I wonder that if you give the body "overflow:hidden" when open the modal, the width of screen will broken, how can I fix it
Hi there! Not sure I totally understand the question, overflow: hidden will hide any content that is outside of the content area. Here’s some documentation on it: www.w3schools.com/css/css_overflow.asp
Thanks man, I've been using react and redux for so long and i usually used global redux state to handle my modals. Now that I'm learning next, redux has thrown me around. This helped massively
So glad I could help!!
Thank you man this is just what I needed! Works perfectly 🙏
Happy I could help!
Thanks to you my friend, thanks to you i settled the code shape in my head and i improved the code i wrote before thanks to you
Heading to logrocket blog to check out the article having watched your tutorial felt like taking compound V (the boys movie) ontop my superpower. That article was insane! Great content ,man. I love your breakdown.
Thanks so much for the feedback!
Nice man, nice!
Thanks for the more advanced look-see. A git repo for studying the snippets in their entirety would be much appreciated
Hi Vincent, there's a link to an article in the description that you might find helpful
thanks for sharing, it gives me some idea on my modal project. with the body scroll i think it should be set back to "visible" which is the default value, rather than "unset" or it can be set to undefined or ""
Glad I could help!
Hello Christian, I am doing this tutorial which is great! However, I am unable to interact/click with any component within my modal? Do you have any idea on why that might be?
HI daniel, thanks for the response! if you share a github link, I'm happy to take a look
I bet it is something related to pointer-events in tailwind
tailwindcss.com/docs/pointer-events
Sorry for the delayed response! Took a break for the holidays
thank you 🙏 !
Hello friend, thank you very much for your help, now to implement it, do you know if I should have any consideration to use it with the new appRouter; I would think not but it doesn't hurt to ask.
Thanks for the comment! Don’t worry about the app router, modals should use portals anyway
in dashboard.tsx not seen complete ?
Hey Christian, could you share the code for the pomodoro game? I would love to go through the code and learn more about it :) Thank you, love you videos.
If you go through my other videos, you'll be able to see a lot of it! I'm not sharing the GitHub link for it as I'm trying to start a business
@@yxgen4Thank you for the fast reply, I understand and wish you success.
Hi I am having trouble closing the modal i actually copied your code step by step but the handle close function does not seem to be working
Hi Shreyas, if you're able to provide a github link, I'm happy to take a look at the code. If not, try adding some console logs to get a sense for why it might not be working as intended, and walk through the expected logic slowly.
Good luck!
Heyy, loved the video man. If possible can you share your next js code?
There is a link in the description to the code I used!
@@yxgen4Ok cool. Thanks
What theme are you using in your ide?
the 1984 theme! the cyberpunk variant
Would it be possible to see your code? I see that you linked the original source code, but it would be awesome to look at yours.
I assure you the one I linked is more helpful!
Thanks friend, excellent content, greetings from Colombia, could you share your vscode theme, it's great
I use the cyberpunk variant of the 1984 VSCode plugin! Here’s the link:
marketplace.visualstudio.com/items?itemName=juanmnl.vscode-theme-1984
Hello Yugen, thanks for ur video, but I wonder that if you give the body "overflow:hidden" when open the modal, the width of screen will broken, how can I fix it
Hi there! Not sure I totally understand the question, overflow: hidden will hide any content that is outside of the content area. Here’s some documentation on it:
www.w3schools.com/css/css_overflow.asp
@@yxgen4 I mean the layout will break when the scrollbar is hidden
@@yxgen4 I search it is preventing the layout shift caused by scrollbars
@@yuongeon1476 glad you figured it out!
Please share source code, thanks
blog.logrocket.com/build-modal-with-react-portals/
good stuff, I really need the code for this, is there any repo?
In the description there is a link to an article that has some code! Hope this helps
any one plz share only dashboard.tsx
plz share source code
Hi Preetam, you can check out this link:
blog.logrocket.com/build-modal-with-react-portals/