How to share React Context with Angular about react2angular HOT 3 OPEN

Hey @raubel , this is possible but it requires a fork of react2angular. At my company, we already implemented this and it works fine.

Here's the gist of it:

1. You bootstrap React alongside AngularJS as you normally would, say in a div#react-app by using ReactDOM.render
2. The bootstrapped react app offers a way to set its state from the exterior
3. react2angular doesn't do a ReactDOM.render anymore but instead it sets the state of the bootstrapped react app with a ReactDOM.createPortal which will be put in the this.$element[0]

In the end, the bootstrapped react app will hold on its state all the render functions which setPortals on AngularJS Elements. It works fine and they all share the same context.
Hope this helps.

from react2angular.

I've created a library to resolve this: react2angular-shared-context

It uses portals as suggested above but is not dependant on how react2angular works.
It also handles props changes from angular and the component life cycle e.g. unmount.

from react2angular.

More than three years after, I have the opportunity to come back to my problem and apply your solution. And it works like a charm!
Thank you both of you, @cozmy and @seahorsepip.

from react2angular.