React Redux + Socket.IO +創建React應用程序

Question

我想先說這是我第一個使用React Redux和Socket.IO的項目。 我也不知道如何構建正確的構建，啓動和測試腳本。我對webpack的瞭解也相當有限，因爲我只能真正感覺舒適的添加或卸載裝載機。我發現創建反應應用程序中的很多預配置非常有用;開玩笑，熱裝，建立輸出。如您所知，react-create-app使用webpackdev服務器。但是，對於我的應用程序的服務器端部分，我有一個類似於此配置的socket.io服務器。

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)); 
    }); 

} 

基本上我尋找資源或更好的解釋，可以幫助我結合插座IO和與反應創建應用程序內的最好的部分Redux的。

Answer 1

我最終完全擺脫了webpack並刪除了腳本。我將測試腳本重寫爲一個簡單的笑話命令。按照這個完成socket.io配置。 https://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html

您還可以看到應用程序現在的樣子。 https://github.com/donleyac/react-card-engine