使用技巧

使用BlockBook在隔离中开发,测试和展示模块

里亚德·本格拉(Riad Benguella) 发布了BlockBook,该项目有望在周二全面改革开发人员的构建方式。 这是一个开发环境,允许创建者在WordPress之外隔离地处理块。 开发人员可以查看各个块的属性并测试已定义块库的输出。

BlockBook可作为 npm包。 开发人员还可以通过其项目为项目做出贡献 GitHub资料库

本格拉从 故事书,这是一个开放源代码工具,用于单独开发React,Vue,Angular和其他JavaScript库的UI组件。 这是一个使单个组件的开发和测试更有效率的环境。 它还使最终用户有机会在将这些组件引入项目之前对其进行测试。 BlockBook的目标是为WordPress块开发带来一个类似的系统。

Benguella在公告中写道:“如果稍微考虑一下,块是可重用的单元,它们可以在任何上下文之外独立存在,可以对其进行可视化编辑,并产生标记。” “事实上,它们与React组件有很多共同点。 它们是超级动力的React组件。”

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

本格拉(Benguella)有完整的 演示可用 作为GitHub页面。 开发人员可以使用其插件执行相同操作,也可以将其作为静态站点托管在自己的服务器上。

使用Blockbook在隔离中开发测试和展示模块块使用BlockBook在隔离中开发,测试和展示模块块Gallery块的BlockBook示例输出。

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

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

等式的第三部分涉及最终用户。 当前,用户没有安装块插件,前往他们的编辑器并进行修补的好方法来测试块。 如果他们不喜欢该块,则必须重新开始该过程。 借助BlockBook,开发人员可以事先将其块用于测试。 他们甚至可以允许最终用户使用beta测试块并提供反馈,而无需安装任何插件。

但是,这仍然没有Benguella想要的效率高。 它将依赖于单个开发人员。 从长远来看,他希望该项目成为官方的WordPress软件包。 这使WordPress.org可以自动构建和托管用于插件和主题的BlockBook,使用户有机会在安装之前进行测试。

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

像这样:

喜欢加载中……

资源