使用React的系统仪表板-Websocket最佳实践

Question

我目前正在研究ReactJS，并开始了一个小项目来学习它。

该应用程序应包含一个仪表板/主页，其中包含小的React组件。 （cpu模块，ram模块，磁盘模块...）以及专门用于显示有关单个主题的更多信息的站点（例如，仅cpu）。

我目前在后端中使用express + socket.io，每个react组件都有其自己的socket.io连接，该连接从后端获取适当的数据并覆盖组件状态。

我现在想知道这是否确实可行，似乎是不必要的开销。我想到的替代方法是：

• 主要组件中的一个大型websocket连接，用于获取所有数据。将数据传递给需要它的组件作为道具，并仅使用对它重要的信息来设置子组件的状态（对于cpu-module来说仅是cpu的东西，依此类推。不太确定如何执行此操作并触发重新启动更改时呈现）
• 使用Redux（对于像我这样的反应初学者来说可能很多吗？）

我很高兴收到任何建议和提示，感谢您的阅读！ ：-）

编辑1： 我只是读过GraphQL，但我不确定这是否对我的情况有用……似乎专注于经典API提取。