如何合并 AngularJS、React 和 Redux？

Question

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

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

Answer 1

将 React 组件渲染到 Angular 中非常容易。但我只是假设你已经使用 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 基本相同。你只需使用 redux 的 connect 函数就可以了。