Too Long; Didn't Read
Recently I was introduced to Reacts' createPortal API, which was nothing short of amazing. Portals provide a way to render children of a react component somewhere else in the DOM, not in the same hierarchy. It can be widely used 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. The hierarchy is unaltered in the Virtual DOM, so event bubbling will happen with ease.