Learn React Portal In 12 Minutes By Building A Modal

🚨 IMPORTANT:

Full React Course: https://courses.webdevsimplified.com/learn-react-today

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: https://github.com/WebDevSimplified/React-Modal-Popup React Portal Blog Article: https://blog.webdevsimplified.com/2019-12/how-to-use-react-portal

🧠 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: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified

#ReactPortal #WDS #ReactJs ... https://www.youtube.com/watch?v=LyLa7dU5tp8