如何合并AngularJS，React和Redux？

Question

我正在使用angular和redux（ngRedux）构建应用程序。 现在，我想使用react而不是angular来提高性能。 这是一个巨大的应用程序，因此不可能从头开始构建它。 所以我想使用angularJS（angular-ui-router）的路由，并且当任何“ abc”状态变为活动状态时，react组件将变为负载，并且此react组件应针对每个事件使用纯redux。

我该如何相应地维护我的应用程序，即在react-redux中构建单个模块，并仅通过路由状态将其连接到angular。 请记住，应用程序的其他模块也不应受到干扰。

Answer 1

将React组件渲染到Angular中非常容易。 但是我只是假设您已经从角度使用了directive或component 。

因此，在使用directive的情况下，您可以跳过整个模板“无意义”，然后让React为您处理

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);

    }
  }
});

因此，这就是将React引入Angular的方式。 Redux ist基本相同。 您只需使用redux的connect功能即可。