NgRx/Redux 使用更通用的 reducer 减少重复代码

Dan*_*nov 5 redux ngrx angular angular-ngrx-data

我正在构建一个应用程序,其中包含带有电影列表的不同页面。例如搜索页面(按搜索的电影)、演员的页面(按演员的电影)、类型的页面(按类型的电影)。问题是它们都共享相同的基本功能 - 根据某些标准加载电影列表。我有一个减速器,用于在加载某些内容后存储电影实体。但问题是我必须为每个页面类型创建一个单独的减速器来保存相关的电影 ID 以显示。

最初,我只是从头开始实现所有这些页面,同时复制大量代码 - 每个页面的单独操作、效果、reducers。现在我觉得它很丑陋,可以以更简洁的方式完成。

我的服务中已经有一个通用的queryMovies函数,它通过 options 参数查询电影。

你能提出任何组织这些代码的好方法吗?

编辑:

由于此帖已被删除,我无法发表评论或回复(只能编辑)。所以我添加这个链接作为编辑的一部分:https : //github.com/johnpapa/angular-ngrx-data

我认为这是一个很好的问题,并希望看到更多关于 ngRx 的适当架构/模式的讨论。