可以很容易地将特定组件
有了用户计时，就与该组件内部发生的事情相匹配，而如果没有用户计时，仅使用 React 分析器实际上会更困难。可惜被删了。德鲁·麦克莱伦：React 的未来性能如何？您知道即将推出的任何功能和更改可能会有所帮助吗？
伊万·阿库洛夫：是的。有两件事我很期待。我认为一个是并 电报号码数据 发模式，它让 React 优先考虑一些事情而不是另一些事情。我认为这个屏幕发生了延迟。我并没有真正关注它的发展。我知道它已经接近发布了。也许还需要一年的时间，但距离发布已经相当接近了。
伊万·阿库洛夫：还有一个就是最近推出的主题，就是React服务器组件。这实际上是我真正期待的事情。因此，React 应用程序在两个方面可能会很慢。一是运行时性能，二是加载性能。而加载性能不仅仅与每个人都在谈论的巨大的捆绑包等有关。但这也与捆绑执行有关，更重要的是与 React 水合过程有关。
伊万·阿库洛夫：因此，每当你有一个服务器端渲染的 React 应用程序，并将该页面提供给客户端，然后一个大型 React 服务器对该页面进行操作时，React 所做的就是完成水合过程。它获取所有已排序渲染的 DOM 节点。它重建虚拟 DOM 托盘，并重新附加此……或资源其虚拟 DOM 和实际 DOM 节点之间的关系。
伊万·阿库洛夫：其进程的问题在于，这是页面加载期间最昂贵的进程。如果您正在加载一个页面，并且该页面运行一些 JavaScript 块，那么该 JavaScript 块将是最昂贵的。它很容易需要几百毫秒，或者在速度较慢的设备上需要一秒钟。这意味着在这 100 毫秒的整整一秒内，页面都不会响应。因此，如果用户尝试在这段时间内滚动它或与之交互，那么页面可能根本不会响应。
http://zh-cn.lobdirectory.com/wp-content/uploads/2024/01/images.jpg
伊万·阿库洛夫：是的，水合通常是最昂贵的事情之一，而且很难优化，因为 React 需要水合所有这些组件。今天您只能用它做一些事情。一件事是部分水合，也就是说，如果您有不需要重新水合的网站或应用程序的某些部分，这些部分可以保持静态，但您可以围绕它编写一些代码并从其中救助这些子数组补液。如果这些子阵列通常很昂贵，那么不重新水化它们会节省大量时间。但如今这实际上很难做到。有一些库可以实现这一点，但这不是一种流行的方法。这很难做到。我们可以这样做，但通常需要围绕子数组编写您自己的代码。
伊万·阿库洛夫：服务器渲染的组件要做的就是进行部分水合作用。他们基本上会在代码中引入部分水合和许多其他好处。所以，回到我们之前讨论过的那个例子，就像一个静态网站，它从服务器加载大量的 Markdown，然后在水合过程中将其转换为 HTML。
伊万·阿库洛夫：避免支付该成本的一种方法是将 Markdown 转换为 HTML 的组件转变为服务器渲染组件，并在服务器上进行此转换，并将具体的 HTML 提供给客户端。如果 Markdown 块很大的话，广告可以节省 100 毫秒的 Markdown 时间。
伊万·阿库洛夫：我真的很期待 React 服务器组件。因此，它们的作用有很多，尤其是可以降低补水成本。
頁:
[1]