在使用redux构建React应用程序时,何处存储WebRTC流

我正在构建一个React.js应用程序,它与WebRTC apis交互以进行音频/视频调用.成功建立呼叫后,会在RTCPeerConnection实例上触发"onaddstream"事件,该实例包含我作为开发人员应该连接到视频元素以向用户显示远程视频的流.

我遇到的问题是了解从事件流到React组件进行渲染的最佳方法.我通过将流转储到我的redux状态成功地工作,但在另一个答案中,redux Dan Abramov的创建者提到了这一点:

[...]不要在州内使用课程.它们不是可序列化的.[...]只需使用普通对象和数组.

这让我想知道,如果我不应该将这些流置于redux状态,是否有更好的方法来响应'onaddstream'事件并让React组件更新而不将流放入redux状态？

根据我的经验,套接字连接,以及在您的情况下,webrtc事物,非常适合生活在他们自己的应用程序手工编写的中间件中.您可以在此处连接所有连接管理,触发与UI通信的操作并侦听来自此处的操作.

另一个解决方案是查看redux saga,这似乎是处理作为套接字和webrtc的复杂效果的一个很好的选择.