Dove memorizzare gli stream WebRTC durante la creazione dell'app React con redux

Question

Sto costruendo un'applicazione React.js che interagisce con gli apis WebRTC per effettuare chiamate audio/video. Quando viene stabilita una chiamata, viene generato un evento "onaddstream" sull'istanza RTCPeerConnection, che contiene il flusso che io come sviluppatore dovrei connettermi a un elemento video per visualizzare il video remoto all'utente.

Problema che sto avendo è capire il modo migliore per ottenere il flusso dall'evento al componente React per il rendering. Ce l'ho a lavorare con successo da solo il dumping il getto verso il mio stato redux, ma in this other answer, il creatore di redux Dan Abramov parlato di questo:

[...] non utilizzare le classi all'interno dello Stato. Non sono serializzabili come sono. [...] Usa solo oggetti e matrici semplici.

che lascia che mi domando, se non dovrei mettere questi flussi in stato Redux, c'è un modo migliore per reagire all'evento 'onaddstream' e ottenere la componente Reagire ad aggiornare senza mettere il flusso nella stato di ridondanza?

Answer 1

Nella mia esperienza cose come le connessioni socket e, come nel vostro caso, le cose di webrtc, sono adatte per vivere all'interno del proprio middleware scritto a mano per la vostra applicazione. Puoi collegare qui tutta la gestione delle connessioni, attivare azioni per comunicare con l'interfaccia utente e ascoltare le azioni che arrivano da qui.

Un'altra soluzione potrebbe essere quella di cercare redux saga, che sembra essere piuttosto una buona opzione per la gestione di effetti complessi come socket e webrtc.