尺寸变化：+745亿（0%）

总尺寸：1.37 MB

_{压缩尺寸作用}

下面是我看到的：

框架/画布中似乎有一个加载程序，然后另一个覆盖程序并没有完全覆盖整个视口。不确定我们是否需要两者？

有一段时间，您可以在覆盖出现之前看到UI，这似乎是不可取的。

谢谢@詹姆斯科斯特，在视觉部分肯定可以做更多的事情。我大部分测试都是在编辑画布模式下进行的，但现在我做了一些额外的润色，以便覆盖整个视口区域。

FWIW本次公关的目的是展示利用使用暂停选择具有声明性数据依赖性。但我很高兴能更进一步。

无论如何，对于不同的画布模式，我们仍然需要一个单独的微调器/加载屏幕，而不是最初的计划，将其拆分为多个单独加载的部分。

在接下来的几天里，我计划迭代并进一步完善当前状态，这可能至少意味着：

• 删除此PR之前的原始画布微调器，无需使用双微调器。
• 将悬念边界向上移动到树上，以确保它能更早地渲染。
• 添加更多依赖项以映射我们实际需要的数据的行为。
• 在服务器端添加微调器，使其在最初显示时不会引起闪烁。

当然，欢迎任何其他反馈。谢谢！

在中检测到片状测试894天3天4.
一些测试通过，但尝试失败。失败可能与此提交无关，但仍会报告以供查看。请参阅文档了解更多信息。

🔍 工作流运行URL:https://github.com/WordPress/gutenberg/actions/runs/405425813
📝 报告的问题：

• [Flaky Test]生成剩余的两个块，并将插入符号放在第二个块的末尾 #39805在里面规范/编辑器/各种/块删除.test.js
• [Flaky Test]应通过拖动到嵌套块中进行选择 #44673在里面specs/editor/avariable/multi-block-selection.test.js

选择这种方法而不是更新发出这些请求的块的理由是什么？

我之所以这么问是因为我相信这些请求可以是动态的：比如模板部分（我们需要模板部分的id）、查询块（我们需要依赖于块配置的实际查询）、菜单（菜单id）。。。

谢谢你的邀请。这只是另一种更静态、更具声明性的方法，我想抛开我的脑海，与大家分享。

我意识到了动态需求，并明白它最终可能会成为一个拦路虎。然而，这种方法也有很多优点。它使我们能够完全控制我们感兴趣的数据，这在许多情况下可能是首选。它也可以在不必修改所有要使用的组件和块的情况下工作使用暂停选择，这也是不切实际的，因为我们显然不能对所有第三方区块都这样做。

无论如何，我们可以从不同的角度来探讨这个问题，在确定一个特定的前进方向之前，我想尝试几种不同的方法。

例如，另一种方法可以是在某种请求跟踪器中记录所有请求，然后等待所有请求解析，一旦解析完成，就会显示完全加载的编辑器。我想修改一下，看看它能给我们带来什么。也许在保持灵活性和动态性以及在加载时不必更新所有块来专门挂起渲染之间，这是一个更好的折衷方案。

就我个人而言，我一直觉得常规的“Suspense”是编辑器加载的完美用例。这不是一个专门引入块呈现和编排加载程序的API吗。

我认为一次性解决所有问题并不重要。即使我们只从模板部件块开始，这对我来说也是一个很好的开始。

我个人担心的是“更新”。换句话说，如果我使用使用暂停选择今天的模板部分，并有一个悬念提供商围绕整个编辑器。如何确保在初始加载后添加的新“模板部件”块（或调整模板部件的配置以要求另一个解析器触发）不会触发“全局加载程序”。

你对他们如何解决React用户领域的此类问题有什么想法吗？换句话说，我们可以有一个“Suspense”加载程序在初始渲染后“删除”自身吗？

我想根据React文档，答案是用启动过渡。我想知道是否有办法知道我们的哪些行动应该用这个来包装。

我个人担心的是“更新”。换句话说，如果我今天在模板部分上使用useSuspenseSelect，并且在整个编辑器周围有一个悬念提供者。如何确保在初始加载后添加的新“模板部件”块（或调整模板部件的配置以要求另一个解析器触发）不会触发“全局加载程序”。

你知道他们如何在React用户区解决这类问题吗？换句话说，我们可以有一个“Suspense”加载程序在初始渲染后“删除”自身吗？

正如我在前面的评论中提到的，我对如何处理这个问题有一个单独的想法。默认情况下，React不支持这种行为，因为在React中，如果我们有暂停渲染的组件，它们会在发出新的检索数据请求时一直挂起。预计这在React世界中会很好地工作，但如果我们只想在应用程序的初始加载时这样做就不行了。因此，我们可以做两件事的组合：1）具有“has initial loading finished”标志，该标志的开头为假和更改为真的在初始加载和2）有一个单独的位置来管理挂起，该位置监视所有请求，这将允许我们使用挂起机制，但无需特别声明依赖项，我们只需等待所有请求。我计划下一步在一个单独的公关部门尝试一下。

我想根据React文档，答案是用startTransition包装我们的更新（插入块、块属性更改……）。我想知道是否有办法知道我们的哪些行为应该用这个来包装。

是的，这是我们打算使用的，但如果我们使用使用SyncExternalStore，我们现在正在使用使用Select，因为所有这些更新都是同步的，并且并发只适用于读取。@jsnajdr公司在中解释道#42525（评论）你可以阅读原始讨论和基本原理。这就是我尝试不同方法的原因。在我上面描述的下一个实验中，我将致力于解决您在这个实验中认识到的问题——依赖关系是动态的，很难具体声明。

我正在开发一个更稳定、更灵活的版本#50222.

自#50222更可靠、更灵活，我将以其有利的方式结束这一次。