如何保持视图响应

我在Node.js ， React ， Express和Socket.IO有一个单页面的应用程序，其数据stream划分如下：

AC＃服务器应用程序通过Socket.IO提供feed.js数据。 feed.js也负责将数据转向（在更新数据结构之后，将正确的表示呈现给app.js）并将其提供给app.js以在浏览器中显示。

 // Handle real-time incoming messages from c# clients. socket.on('data', function (data) { broadcast(data, socket); }); function broadcast(message, sender) { //process.stdout.write("Full message " + message.toString() + "\n"); //...To app.js onChangeHandler(stock.symbol, 'stock', stock); 

在这种情况下，在实时负载下，浏览器有时不会对数据造成太大的影响，而是会影响显示效果。 换句话说，我仍然可以看到数据更新，但是在浏览器上的鼠标点击不能交互处理。

作为“桌面开发人员”的正常反应是通过创build额外的计算线程来保持计算（模型）与视图分离 – 视图已经在其自己的线程上运行。 不过，我已经读了Node.js（和配套）是单线程的。 似乎Socket.IO似乎没有这个限制。

想知道Node.js等方面的习惯是编写实时应用程序，这些应用程序在数据和GUI交互中都可以在Web浏览器上响应 。 一个例子或链接到一个将有所帮助。