是否值得在反应中使用redux商店进行微量优化

时间:2017-02-10 14:41:16

标签: forms reactjs redux react-redux micro-optimization

场景:包含多个输入,选择,文件等的表单...自动从配置生成。只有功能反应成分。

类型1:表单完整状态存储在redux存储中,与react-redux连接。 每次更改表单中的值时,都会将新的调度发送到存储。结果,在粒子输入字段中,每个表单输入字段都接收并更新为状态,即使值未更改。

类型2:创建表单时,每个输入字段都会收到自己的存储(自动生成)。在更新时,输入字段仅接收粒子输入字段的新状态。

所以最后,是否值得创建Type 2场景,或者没有任何好处?我是redux的新手,所以......

1 个答案:

答案 0 :(得分:0)

这个问题在Redux社区中经常出现,如果您对优化渲染感兴趣,那么类型2会有好处。当你开始渲染超过几百个项目并且一次只需要更新一个或几个时,它肯定会有所帮助,这就是输入的情况。看一下Redux性能的链接列表:

https://github.com/markerikson/react-redux-links/blob/master/react-performance.md#redux-performance

我发现此幻灯片显示有助于演示您的两个场景(使用复选框而不是文本输入),以及另外一个解决方案。

http://somebody32.github.io/high-performance-redux/