使用WebWorkers呈現React組件

Question

我在網上看到了一些關於使用HTML5 WebWorkers呈現React組件的東西。即使是Pete Hunt，React正在談論它。

我對數組的每個元素進行了一些CPU密集型工作，然后對數組的每個元素進行React渲染，因此我考慮將每個元素放在WebWorker中，然后將HTML字符串發布回主UI線程。

我的問題是 - 看起來不推薦使用React.renderToString來支持ReactDOMServer.renderToString ...所以我問你們所有人和Pete Hunt - 如果我們希望使用WebWorkers來渲染我們應該在前端使用ReactDOMServer反應組件還是有另一種推薦的方法？

（當然，我們只能在JS中的線程之間傳遞字符串/序列化數據，因此我們的想法是將React組件呈現為字符串，然后將其作為字符串傳遞回主UI線程。）

Answer 1

我寫了一個React的快速實現，在Web worker中呈現。 它實際上不是renderToString ，而更像是自定義渲染器。 我還發現這比正常實現要快得多。

該演示頁面有2個應用程序 - 一個顯示CPU密集型應用程序的示例，以及一個包含事件的簡單TODO列表。

以下是性能數據 - http://blog.nparashuram.com/2016/02/using-webworkers-to-make-react-faster.html