reactjs - 您应该将应用程序状态存储在本地状态还是 Redux Store 中

Question

我使用 Redux 已经快一个月了。我的问题是，我将所有应用程序数据放入 redux store 中，但我是否也应该将有助于我将 UI 更改为 redux 状态的切换状态，或者应该我只需在每个页面中进行本地管理即可

this.setState({ showActiveForm : false })

Answer 1

这个问题没有正确或错误的答案。为了帮助您做出决定，以下是直接取自 redux documentation 的一些常见经验法则。 :

• 应用程序的其他部分是否关心这些数据？
• 您是否需要能够基于此原始数据创建进一步的派生数据？
• 是否使用相同的数据来驱动多个组件？
• 能够将此状态恢复到给定值对您有值(value)吗？时间点(即时间旅行调试)？
• 您想要缓存数据(即，如果状态已存在，则使用该数据而不是重新请求它)？

将大部分 UI 状态保持在 redux 中的另一个好处是，您可以编写更多无状态功能组件并利用 performance optimisations they will bring在 React 的 future 版本中:

This pattern is designed to encourage the creation of these simple components that should comprise large portions of your apps. In the future, we’ll also be able to make performance optimizations specific to these components by avoiding unnecessary checks and memory allocations.