将ES6类与Redux一起使用

时间:2016-12-13 23:24:05

标签: javascript reactjs redux es6-class

我正在开发一个项目,该项目将大量数据从一个端点带入一个减速器。我想在ES6 Classes中转换那些数据,所以我可以给它们辅助方法,提供数据之间的关系,而不必一直使用普通的javascript对象。另外,为了获得数据之间的关系,我必须进行n平方计算并且减慢前端的速度。

以下是我看到的选项:

1)创建一个与redux商店连接的选择器。此选择器可以从reducer获取数据并将其转换为我已定义的多个ES6类。如果reducer获取不同的新数据,则选择器将重新创建ES6类实例化。

2)https://github.com/tommikaikkonen/redux-orm 这看起来也很棒。

3)在数据集上创建多个选择器,以计算数据集中的指定关系,因此每次我想获得一个关系时都可以调用该选择器,否则该关系将是一个n平方计算得到。

我的问题是我应该采取哪三条路线?除了这3个还有其他选择吗?或者人们只使用javascript对象主要是在前端而不是处理ES6类。

更新

两个月后,我仍在使用Redux-ORM进行制作, 太棒了!极力推荐。

1 个答案:

答案 0 :(得分:7)

完全有可能完成所有处理"普通"功能和选择器。有info on normalization in the Redux FAQselectors and normalization上有React/Redux links list的一些文章作为我Practical Redux的一部分。

那就是说,我是Redux-ORM的巨大支持者。它是帮助管理Redux商店中规范化/关系数据的绝佳工具。我用它来规范化嵌套数据,查询数据,以及不可改变地更新数据。

我的Redux-ORM Basics博客文章系列包含两篇专门讨论Redux-ORM的文章:Redux-ORM Concepts and TechniquesPractical Redux Part 5: Loading and Displaying Data。最新帖子a major update to Redux-ORM that improves the API and behavior也显示了Redux-ORM。

Redux-ORM的作者Tommi Kaikkonen实际上只是提出了migration guide的测试版,我很期待与之合作。

我绝对推荐它!