G2組件,從頭開始重新構想WordPress組件

更新一些東西。

這就是Automattic首席設計師Jon Quach制定的目標。 整合G2組件項目的路線圖 進入古騰堡,最終成為核心WordPress。 該項目是對構成塊編輯器的各個部分的重新想像,是對組件系統的「從頭開始」的全面檢查。 一次更新所有事物或什至許多事物都存在破壞所有事物的風險。

Quach在帖子中寫道:「理想情況下,應該發生的事情是您應該以一種非常有控制力和故意的方式來更新某些內容。」 他把它比作是將一個城市逐段地轉換成太陽能,直到傳統的電廠關閉。 您進行轉換,測試,發現問題並更正它們,然後再轉到下一部分。

那是整合的計劃 G2組件 進入古騰堡。

Quach說:「 G2 Components是一個項目,體現了使用戶界面和用戶體驗更好的想法。」 「目前,它已實現為旨在在Gutenberg和WordPress的上下文和環境中工作的組件系統。」

目的是提供改善Gutenberg項目UI的資源。 組件應該使創建新的UI更加容易,而無需將代碼捆綁在一起。 Quach表示,組件系統的一致性和使用經驗應在整個WordPress平台上擴展併產生連鎖反應。 這也將擴展到第三方塊開發人員。

他說:「代碼組件只是起點。」 「我的最終目標是超越代碼並影響和提升設計-創建一個統一的設計系統,使人們能夠在WordPress世界中創造凝聚力和功能豐富的UI體驗。」

Quach認為,採用類似方法可以使平台受益。 他提到Google的Material Design提升了Android平台,並在公司產品之間產生了凝聚力。

古騰堡團隊已經開始將G2組件集成到項目中。 此集成替代了WordPress組件(@ wordpress /組件)以受控的方式進行,並且不應破壞核心編輯器或第三方項目中的現有實現。 準備就緒時,將交換新組件。 Quach說:「就像撥動開關一樣。」

以下視頻是Quach在YouTube上發布的長達一個小時的G2組件演練:

[embedded content]

他定期發布有關 G2組件博客。 除了這些,他還對該項目的設計思想進行了更深入的研究。 他還談到了自己的項目 抽搐流 幾乎每天

什麼是組件?
g2組件,從頭開始重新構想wordpress組件G2組件,從頭開始重新構想WordPress組件組件中的屏幕截圖 G2組件故事書

組件包括從按鈕到切換到複選框的所有內容。 它們是組成塊編輯器UI的標準化塊。 它們可供核心和第三方開發人員使用,以創建最終用戶可以看到並與之交互的內容。 但是,原始組件系統的構建方式存在問題。

Quach說:「當前的組件並不是在考慮系統的基礎上構建的,而是為了滿足當前的需求。」 「這個特殊的設計細節至關重要。 以系統為先的方法更容易支持新功能的添加,更重要的是定製!」

新方法是關於為WordPress構建本機設計系統。 這樣的系統將允許任何人在其之上構建並創建本地體驗。

Quach說,最簡單的方法之一是從後端主題化角度來看-組件系統還具有主題化子系統。 他說:「可以通過配置值來調整UI美觀度,而不是像傳統的將CSS編寫為「皮膚」的方法那樣,這類似於通過wp-config.php文件中的定義配置WordPress的方式。 「這種區別很重要,因為這些值直接進入樣式系統,從而允許樣式在正確的位置和正確的時間正確載入。 所有這些都不會影響當前環境的樣式,更重要的是,不會受到當前環境樣式的影響。」

他回答了我的問題,即為什麼應該從頭開始重建組件系統。 想法是讓組件在WordPress管理員等環境中「正常工作」,例如確保WordPress主題樣式表的存在不會僅僅通過載入就破壞組件。

「為什麼要重新考慮,重建和增強輸入,按鈕,模態,下拉菜單等?」 回應了Quach的回應。 「這樣您就無需開發人員了。」

這對開發人員意味著什麼?
g2組件,從頭開始重新構想wordpress-components-1 G2組件,從頭開始重新構想WordPress組件

Quach說,尊重向後兼容性是他在設計G2 Components項目的體系結構時非常重視的事情。 他還說,這是他提出的整合戰略的一部分。

他說:「我曾提到該項目’體現了使用戶界面和用戶體驗更好的想法。」 「考慮向後兼容性並支持第三方遷移絕對屬於用戶體驗範疇。」

隨著古騰堡團隊繼續集成新組件,它不應改變開發人員已經在做的事情。 但是,它可以開闢一些新的可能性。

Quach說:「新的組件系統一定會對UI部門有所幫助。」 「令我特別興奮的一個領域是快速發展/原型開發空間。 由於這些組件是獨立的單元,因此可以將它們帶入類似 CodeSandbox 他們……只是……工作。 您可以動手做起,並迅速構建和共享原型(範圍從小到大,再到大型的主管)。

他說,他已經成功地測試了組件設計並演示了快速反饋的想法。 他還從相反的方向工作,在CodeSandbox中構建複雜的組件,並將它們帶回到組件系統中。

他說:「作為設計師和前端開發人員,我無法強調這種「微型建築」工作流程的效率,效果和創造性。 「這也讓其他人也感到興奮。」

像這樣:

喜歡載入中……

資源

相關文章