Umgang mit Datenstrom mit Redux

Question

Wir bauen unsere Client-Anwendung mit React und den Anwendungsstatus wird von Redux verwaltet. Was wir zu tun beabsichtigen, ist die Registrierung bei einem externen Datenstrom, so dass, wenn neue Daten gesendet werden, der Anwendungsstatus aktualisiert werden sollte.

Kann sich Redux direkt beim Server-Stream registrieren oder müssen wir eine Redux-Middleware verwenden, um dies zu erreichen?

Answer 1

Sie müssen einen Verweis auf Ihren Redux-Shop erhalten und dispatch anrufen.

Hier ist ein Ausschnitt mit socket.io

const store = createStore(reducer, initialState); 

// ... some code to initialize socket.io 

socket.on('receiveAction', data => { 
    store.dispatch({ 
    type: 'ACTION_TYPES', 
    payload: data 
    }); 
}); 

Wenn Sie es aus einer separaten Datei benötigen nur Export/Shop importieren.

Answer 2

In einer Redux-Anwendung ist Middleware der Standard für externe Verbindungen wie Websockets. Es gibt zahlreiche vorhandene Middlewares für den Umgang mit Websockets und spezifischen Diensten wie Firebase. Beispiele finden Sie im Abschnitt "Middleware - Sockets and Adapters" meiner Redux addons catalog.