React Redux + Socket.IO +创建React应用程序
问题描述:
我想先说这是我第一个使用React Redux和Socket.IO的项目。 我也不知道如何构建正确的构建,启动和测试脚本。我对webpack的了解也相当有限,因为我只能真正感觉舒适的添加或卸载装载机。我发现创建反应应用程序中的很多预配置非常有用;开玩笑,热装,建立输出。如您所知,react-create-app使用webpackdev服务器。但是,对于我的应用程序的服务器端部分,我有一个类似于此配置的socket.io服务器。React Redux + Socket.IO +创建React应用程序
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的。
答
我最终完全摆脱了webpack并删除了脚本。我将测试脚本重写为一个简单的笑话命令。按照这个完成socket.io配置。 https://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html
您还可以看到应用程序现在的样子。 https://github.com/donleyac/react-card-engine