Problem

How to insert React components into different parts of the DOM tree.

This is useful for 

• modals

• dropdowns

• tooltips

Portals

Allow you to move a React component into any HTML element.

<div>
  <p>Im in the parent div</p>

  {
    createPortal(
       <p>Im in the document body</>,
       document.body
    )
  }

</div>