Use ReactDOM.createPortal instead of ReactDOM.render for nested views

[Anber]

I've noticed that each react view is rendered as a separate React instance. As a result, it's impossible to share react context between views. In this PR I have tried to fix this behavior by using react portals.

@christopherthielen, what do you think about that?

[christopherthielen]

I love this idea! It would address #3

Let me know how I can help.

[Anber]

Maybe you can find some pitfalls that I've missed :)

Anyway, I need to test it in-house for a few days.

[Anber]

It seems to be ok.

[christopherthielen]

Works for me!

[christopherthielen]

Released as @uirouter/react-hybrid@0.3.6

[Anber]

Thank you!

[christopherthielen]

No, thank you !

[christopherthielen]

Here's a summary of how this PR works:

React - <UIView wrap={true} />                             -- monkey patched UIView, has this.setChildViewProps
                                                           -- renders an AngularUIView
                                                           -- renders a react portal if 'target' has been supplied via setChildViewProps
React -  <React.createPortal />                            -- Renders real React UIView
React -  <AngularUIView sCVP={this.setCVP} />              -- creates <ui-view>
AngJS -   <ui-view ref={ref => $compile(ref)}></ui-view>   -- renders react-ui-view-adapter via compile() function 
                                                           -- scope.setChildViewProps = setChildViewProps provides the 'setChildViewProps' callback to AngularJS children (react-ui-view-adapter)
AngJS -    <react-ui-view-adapter></react-ui-view-adapter> -- supplies the portal with a 'target' using 'setChildViewProps', OR renders real React UIView if no setChildViewProps exists because there is no parent PortalView
React -     <UIView wrap={false} />

[christopherthielen]

Updates: 2b88c57, ab4edcb in version 0.3.8

Summary of changes:

• Render multiple portals, one for each child UIView
• Use child UIView $id as a key to manage multiple react portals in PortalView
• setChildViewProps is now PortalView.createPortalToChildUIView and PortalView.removePortalToChildUIView
• Pass the PortalView reference to the react-ui-view-adapter (instead of setChildViewProps)