单个组件应该连接到商店,而不是几个,

时间:2018-07-02 13:57:19

标签: reactjs performance redux react-redux

“与其他库相比,Redux可能不是开箱即用的。为了在React应用程序中发挥最大的渲染性能,状态应以规范化的形状存储,许多单独的组件应该连接到存储,而不是仅仅一些” 我在https://redux.js.org/faq/performance

上阅读了

问题是为什么“应该将许多单个组件而不是几个连接到商店”有助于提高性能?

我总是尝试通过减少连接的Component来最大程度地减少对redux存储的访问,对吗?

1 个答案:

答案 0 :(得分:0)

您现在真的不必担心。

以最佳思维方式,最佳实践和正确设计来构建您的应用程序,您可以在此过程中轻松进行改进。

话虽如此,如果您遇到这种情况,组件会传递道具:

MainComp > ContentAreaComp > TopAreaComp > .... > GotPropFromMainComp

因此最好为GotPropFromMainCompContainer创建GotPropFromMainComp并保存所有道具流从上到下。

您可以通过为组件实现shouldComponentUpdate并使用Stateless Components

来改善应用程序

但是,再次强调,除非您现在拥有一个庞大的应用程序,否则不要担心:)