In this project I want to show you how we could use the API Portals of React to handle the state of a popup window opended from a component.
React Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
As the documentations states, React Portals could be useful when a parent component has an overflow: hidden or z-index style, but you need the child to visually “break out” of its container. For example, dialogs, hovercards, and tooltips.
How to create a popup window with React Portals that shares the state with the parent component.
Use yarn start to run the app in the development mode and open https://localhost:3000 to view it in the browser.