angularjs - 将react-redux集成到现有的Angularjs应用程序中

Question

我正在考虑将react-redux集成到已有3年历史的Angularjs代码库中。我不希望立即重构所有代码库，而是通过我的团队将开发的新功能逐步引入react-redux。

1. 有这样做的最佳实践吗？ (任何资源将不胜感激)
2. 旧功能(用 ng 编写)是否可以包含 React-Redux 部分，否则我必须重写它？
3. 如何避免执行相同的 API 调用？ (如果两者需要相同的资源)
4. 我应该避免所有更改吗？

Answer 1

1. 我不知道任何具体的最佳实践，但我最近开始在我当前的 Angular 1.5 应用程序中使用 ng-redux ( https://github.com/angular-redux/ng-redux )，到目前为止效果很好。从 Redux 获得单向数据流和结构化状态管理的好处，同时仍然保留 Angular 核心，这真的很棒。这还可以让您逐渐迁移，一次一个实体模型。虽然我自己没用过，但我看到https://github.com/ngReact/ngReact可用于将 React 组件包装在 Angular 指令中。如果您希望最终完全独立使用react-redux，这可能是一个很好的垫脚石。
2. 将 ng-redux 集成到现有功能中需要进行一些重构，但如果您已经在 Controller 外部维护数据模型，那也不算太糟糕。 NG-redux 允许您直接从 Controller 调用 Action Creator 函数，这通常会取代 UI 操作事件处理程序。
3. 使用 ng-redux 时，您可以使用异步操作和 redux-thunk 轻松进行 API 调用。您只需使用现有的 Angular 服务向 API 发出请求，然后使用响应来分派(dispatch)标准操作来更新状态。
4. 我想说，至少集成 ng-redux 来标准化应用程序的数据流绝对是值得的。它将有助于更好地组织您的项目，并且可能会根据您的重构方式提高性能。不过，我不太清楚 ngReact 的好处，除非您希望慢慢转换组件，直到完全放弃 Angular 核心。