Learn React Portal In 12 Minutes By Building A Modal

Published: 08 August 2020
on channel: Web Dev Simplified
249,952
7.6k

🚨 IMPORTANT:

Full React Course: https://courses.webdevsimplified.com/...

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/R...
React Portal Blog Article: https://blog.webdevsimplified.com/201...


🧠 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:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#ReactPortal #WDS #ReactJs


Watch video Learn React Portal In 12 Minutes By Building A Modal online, duration hours minute second in high quality that is uploaded to the channel Web Dev Simplified 08 August 2020. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 249,952 times and liked it 7.6 thousand visitors.