使用WebWorkers呈现React组件

Question

我在网上看到了一些关于使用HTML5 WebWorkers呈现React组件的东西.即使是Pete Hunt,React正在谈论它.

我对数组的每个元素进行了一些CPU密集型工作,然后对数组的每个元素进行React渲染,因此我考虑将每个元素放在WebWorker中,然后将HTML字符串发布回主UI线程.

我的问题是 - 它似乎React.renderToString被弃用了ReactDOMServer.renderToString...所以我问你们所有人和Pete Hunt - 我们是否应该在前端使用ReactDOMServer,如果我们希望使用WebWorkers来呈现React组件或是否有另一个推荐方法？

(当然,我们只能在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