如何合并AngularJS，React和Redux？

Question

I am building an application using angular and redux (ngRedux). Now i want to use react instead of angular for improvement in performance. It is a huge application so it is not possible to build it from scratch. So i want to use the routing of angularJS (angular-ui-router) and as any "abc" state become active then the react component become load and this react component should use the pure redux against every single event.

How can i maintain my application accordingly that a single module is build in react-redux and connected to angular only through routing state. Keep in mind that the other modules of application should also not be disturbed.

Answer 1

Well to render React components into Angular is quite easy. But I just assume you use directive or component from angular already.

So in the case of directive you could skip the whole templating "none sense" and let React handle that for you

module.directive("reactTest",function() {
  return {
    link:function(scope,element,attr) {
      class App extends React.Component {
        constructor(props) { super(props) }

        render <div></div>
      }
      element.replace(App);

    }
  }
});

So this how you would get React into Angular. Redux ist basically the same. You simple use the connect function of redux and off you go.