使用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項目可以採用它並圍繞它創建可靠的用戶體驗,那麼這對於用戶而言可能是革命性的。

像這樣:

喜歡載入中……

資源

相關文章