react-displace demo

react-displace is a higher order function that makes any given React component render into the document's body or some other arbitrary DOM node instead of into its normal place within the React element tree.

Return to the repository.

React apps are attached within here

But you'll see that they control (mount, unmount, and update the state of) React elements outside this DOM node.

Demo One

This displaced element should appear at the bottom of the page.

Demo Two

This displaced element should appear in the Demo Two Displacement Container.

Demo Three

This displaced element should appear in the Demo Three Displacement Container.

Demo Two Displacement Container

demo-two's displaced element will be attached in here

Demo Three Displacement Container

demo-three's displaced element will be attached in here