Reactjs 我应该关注React Redux应用程序中的状态变化率吗?

Reactjs 我应该关注React Redux应用程序中的状态变化率吗?,reactjs,websocket,redux,Reactjs,Websocket,Redux,我正在使用React、Redux和Websocket实现/评估一个“实时”web应用程序。在服务器上,我对数据集的更改速度约为每秒32次 每次更改都会使用Websocket向应用程序发送一条异步消息。异步消息在我的redux状态下启动接收操作。状态更改会导致组件渲染 我担心的是,状态更改的频率会导致客户端上出现不可接受的负载,但我不确定如何根据消息数量、组件数量等来描述负载 什么时候这会成为一个问题,或者我会使用什么工具来确定这是否是一个问题 状态的“形状”对渲染性能有影响吗?我应该考虑在一个实

我正在使用React、Redux和Websocket实现/评估一个“实时”web应用程序。在服务器上,我对数据集的更改速度约为每秒32次

每次更改都会使用Websocket向应用程序发送一条异步消息。异步消息在我的redux状态下启动接收操作。状态更改会导致组件渲染

我担心的是,状态更改的频率会导致客户端上出现不可接受的负载,但我不确定如何根据消息数量、组件数量等来描述负载

什么时候这会成为一个问题,或者我会使用什么工具来确定这是否是一个问题

状态的“形状”对渲染性能有影响吗?我应该考虑在一个实体中放置高更改对象,而低更改对象位于另一个实体吗?

我是否应该集中精力对更改事件进行批处理,以便应用程序能够响应更改列表,而不是每个单独的更改(有效降低状态更改的速率)


我很感谢你的建议。

这些问题其实都是很合理的问题,是的,这些听起来都是很好的方法

作为一个想法,您说过您的服务器端数据更改每秒发生32次。这些信息本身可以批量处理吗?你真的需要显示每一个更新吗

您可能对Redux常见问题解答的“性能”部分感兴趣,其中包括和的答案

根据更新频率部分分组状态听起来是个好主意。未订阅该区块的组件应该能够基于React-Redux的内置浅层平等检查跳过更新


我将添加几个与性能相关的信息和库的有用链接。My React/Redux links repo在上有一节,My Redux library links repo在和上有相关节。

谢谢!这些链接正是我所需要的。