React Redux + Socket.IO + Erstellen React App

Question

Ich möchte damit beginnen, dass dies mein erstes Projekt mit React Redux und Socket.IO ist. Ich weiß auch nicht, was es braucht, um korrekte Build-, Start- und Testskripts zu erstellen. Mein Wissen über Webpack ist auch ziemlich begrenzt auf den Punkt, wo ich nur wirklich das Hinzufügen oder Entfernen von Loadern fühle. Ich finde eine Menge der Vorkonfigurationen in create react app sehr hilfreich; Spaß, heißes Laden, Ausgänge bauen. Wie Sie wissen, verwendet react-create-app den Webpackdev-Server. Für den serverseitigen Teil meiner App habe ich jedoch einen socket.io-Server, der dieser Konfiguration ähnelt.

import Server from 'socket.io'; 

export function startServer(store) { 
    const io = new Server().attach(8090); 

    store.subscribe(
    () => io.emit('state', store.getState().toJS()) 
); 

    io.on('connection', (socket) => { 
    socket.emit('state', store.getState().toJS()); 
    socket.on('action', store.dispatch.bind(store)); 
    }); 

} 

Im Grunde ich bin auf der Suche für eine Ressource oder sogar eine Erklärung besser, die mir Buchse io integrieren helfen können und Redux mit den besten Teilen reagieren-create-App.

Answer 1

Ich habe schließlich Webpack loswerden und die Skripte entfernt. Ich überschreibe das Testskript in einen einfachen jest Befehl. Befolgen Sie dies, um die socket.io-Konfiguration abzuschließen. https://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html

Sie können auch sehen, wie die Anwendung gerade aussieht. https://github.com/donleyac/react-card-engine