gpt4 book ai didi

javascript - 使用 WebWorkers 渲染 React 组件

转载 作者:太空狗 更新时间:2023-10-29 14:17:29 25 4
gpt4 key购买 nike

我在网上看到一些关于使用 HTML5 WebWorkers 渲染 React 组件的内容。甚至连 React 背后的负责人 Pete Hunt 都在谈论它。

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

我的问题是 - 看起来 React.renderToString 被弃用了,取而代之的是 ReactDOMServer.renderToString...所以我问你们所有人和 Pete Hunt - 我们是不是如果我们希望使用 WebWorkers 来渲染 React 组件,应该在前端使用 ReactDOMServer 还是有其他推荐的方法?

(原因当然是我们在 JS 中只能在线程之间传递字符串/序列化数据,所以想法是将 React 组件渲染为字符串,然后将其作为字符串传回主 UI 线程。)

最佳答案

我写了一个 React 的快速实现,在 Web worker 中呈现。它并不是真正的 renderToString,而更像是一个自定义渲染器。我还发现这比正常实现要快得多。

演示页面有 2 个应用程序 - 一个显示 CPU 密集型应用程序的示例,以及一个包含事件的简单 TODO 列表。

这也是性能数据 - http://blog.nparashuram.com/2016/02/using-webworkers-to-make-react-faster.html

关于javascript - 使用 WebWorkers 渲染 React 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34324843/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com