Рет қаралды 238,191
🚨 IMPORTANT:
Full React Course: courses.webdev...
React is a complex library to use and the fact that everything is nested inside a component can make certain tasks much more difficult. One of those tasks is rendering popups and modals. It doesn't make sense for them to be rendered inside a component, but you need to access them inside a component. This would lead to a impossible problem to solve, but React thought of this for you. Portals are a way for you to render an element somewhere else while still having access to it in the component you are working on. They are a bit complex at first, though, so in this video I breakdown React portals step by step.
📚 Materials/References:
GitHub Code: github.com/Web...
React Portal Blog Article: blog.webdevsim...
🧠 Concepts Covered:
How to use portals in React
How to create a modal in React
Portal best practices
How events are handled in portals
🌎 Find Me Here:
My Blog: blog.webdevsim...
My Courses: courses.webdev...
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/Web...
CodePen: codepen.io/Web...
#ReactPortal #WDS #ReactJs