Riad Benguella 于周二发布了 BlockBook,该项目承诺彻底改革开发人员的构建方式。这是一个开发环境,允许创建者在 WordPress 之外独立地处理块。开发人员可以查看单个块的属性并测试定义的块库的输出。

BlockBook 以 npm 包的形式提供。开发人员还可以通过他们的 GitHub 存储库为该项目做出贡献。

Benguela 来自 Storybook,这是一个开源工具,用于单独为 React、Vue、Angular 和其他 JavaScript 库开发 UI 组件。这是一个使单个组件的开发和测试更加高效的环境。它还使最终用户有机会在将这些组件引入项目之前对其进行测试。 BlockBook 旨在为 WordPress 块开发带来类似的系统。

Benguella 在公告中写道:“如果你仔细考虑一下,块是可重复使用的单元,可以独立于任何上下文存在,可以进行可视化编辑,并生成标记。”事实上,它们与 React 组件有很多共同点。它们是功能强大的 React 组件。”

他认为,通过采用 Storybook 应用程序的原则并将其专门用于构建、测试、记录和共享模块的环境中,BlockBook 将能够解决许多与模块开发相关的问题。

Benguella 在 GitHub 页面上提供了完整的演示。开发人员可以使用他们的插件来做同样的事情,或者将其作为静态站点托管在他们自己的服务器上。

Gallery 块的BlockBook 示例输出。

在他的帖子中,他确定了该项目面临的三个主要挑战。首先,对于从事块开发的任何人来说,最明显的是在 WordPress 环境中创建块。在 WordPress 管理员中开发和测试模块是一个乏味且低效的过程。通过隔离块代码,开发人员每次将代码更改为块时都可以绕过许多例行任务。

第二个挑战是想出一种方法来简化主题测试。对于拥有一两个主题的主题作者来说,测试块样式相对容易。但是,对于维护许多主题的企业、机构和其他组织而言,没有一种好方法可以快速查看各个主题在每个主题下的行为方式。 BlockBook 允许主题作者注册任意数量的主题。本质上,开发人员添加几行代码并指向适当的样式表。设置完成后,测试就像切换主题和使用下拉选择在块之间移动一样简单。所有这一切几乎是瞬间发生的。

等式的第三部分涉及最终用户。目前,用户没有通过安装块插件、转到他们的编辑器和修补来测试块的好方法。如果他们不喜欢这个街区,他们必须重新开始这个过程。借助 BlockBook,开发人员可以预先使用他们的块进行测试。他们甚至可以让最终用户在不安装任何插件的情况下测试区块并提供反馈。

然而,这仍然没有 Benguella 希望的那样高效。这将取决于单个开发人员。从长远来看,他希望该项目成为一个官方的 WordPress 包。这允许 WordPress.org 自动构建和托管插件和主题的 BlockBooks,让用户有机会在安装前测试它们。

如果官方 WordPress 项目可以采用它并围绕它创建可靠的用户体验,那对用户来说可能是革命性的。

喜欢这样:

喜欢正在加载...

资源