WordPress块可组合性：构建动态交互式Web应用的未来

在最近的WP Tavern播客中，Seth Rubenstein分享了关于WordPress块可组合性的深刻见解。作为皮尤研究中心的首席工程师，Seth领导着一个开发团队，负责管理该组织基于WordPress的新闻发布平台。

什么是块可组合性？

块可组合性是指构建模块化、可重用甚至交互式块的能力，这些块可以无缝协作。在计算机科学和软件开发中，可组合性意味着可以使用可重用组件以模块化方式创建和组装Web应用程序。

Seth解释道：“如果你曾经使用过React，它实际上就是React组件。这是一个自包含的模块化单元，可以独立运行，但当与其他单元连接时，它会变成新的东西，或以某种方式扩展其功能。”

Block Bindings API允许更有效地使用核心块。例如，使用核心段落块时，可以通过编程方式改变其内容和行为，而不需要创建全新的块。

“使用Block Bindings，我们可以说核心段落的内容属性不是来自你输入的内容，而是来自系统其他地方的编程接口，“Seth举例说明。“这让开发人员可以减少向最终用户展示的控制项数量。”

Block Bits是仍在开发中的概念，它允许在块内部进行更精细的控制。与Block Bindings接管整个块不同，Block Bits可以只改变块内的特定部分，比如一个单词或字符串。

“Block Bits的概念是查看块内部，深入到可能只是一个字符的部分，并对其进行操作，“Seth解释说。“这就像是子块绑定。”

Interactivity API是一个WordPress原生的Preact框架，允许向块添加原子级的交互功能。它使块能够在前端执行操作，并且可以跨块通信数据。

“使用Interactivity API，那些块实际上会使用Interactivity API将其答案提升到这个更大的数据模型中，“Seth描述了他们如何重建Quiz Builder。“现在所有这些都发生在客户端，这为我们节省了成本，提高了性能。”

皮尤研究中心使用这些技术构建了复杂的测验构建器。编辑人员可以通过简单的拖放操作创建交互式测验，无需了解底层技术细节。

“对于编辑和设计人员来说，这实际上就是拖放、拖放、拖放，“Seth说。“创建一个页面，创建一个问题，输入你的答案。”

这些新技术不仅功能强大，而且在性能方面也有显著优势。Seth分享了他们如何利用Interactivity API的预取功能：

“当用户悬停在图表上时，我们预取并缓存它。对他们来说，点击是瞬时的。而且我们已经为下一个人做好了额外的工作，数据已经在那里等待下一个用户。”

Seth认为，响应式块是Gutenberg需要解决的下一个重大挑战。他设想块能够根据设备上下文改变属性和行为，例如在桌面、平板和移动设备上显示不同的布局或功能。

“我认为所有API都已经就位，只需要完成相关工作，“Seth说。“这可能是使Gutenberg完美的最后一环。”

Seth鼓励开发者开始试验这些技术，并考虑构建用户界面来使这些高级功能对非技术用户更加易用。

“就像Advanced Custom Fields对WordPress所做的那样，“Seth说，“有些非常聪明、有进取心的人，这里有机会为Interactivity API构建一些东西，赋予技术能力较弱的人使用它的能力。”

随着WordPress从内容管理系统向Web应用框架的演变，块可组合性代表了平台发展的下一个重要阶段，为开发者和最终用户开启了构建复杂Web应用的新可能性。