Investigate new portals in React 16

It would be cool if we could make this really easy and have a prop that passes down the id of a container or something similar to render <Popper/> components into.

[jamiewinder]

I’m already using react-popper with React 16’s portals:

With a simple ‘Portal’ component:

class Portal extends React.Component {
    render() {
        const { children, target = document.body } = this.props;
        return ReactDOM.createPortal(children, target);
    }
}

You can simply do:

<Manager tag={false}>
    <Target>
        <div>This target...</div>
    </Target>
    <Popper>
        <Portal>
            <div>... has this popper</div>
        </Portal>
    </Popper>
</Manager>

[fernandopasik]

Would it be possible to first update to react 16 before going into this?