Twitter 運用 Compose 提升開發人員的工作效率和速度
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
Twitter 是最廣為使用的社群媒體平台之一,可讓使用者隨時查看世界發動什麼事。工程團隊開始使用 Jetpack Compose 翻新設計系統。
具體措施
由於 Twitter 應用程式的 UI 元件和主題設定系統約於 10 年前開發完成,其中包含需要進行大量維護的舊版元件,因此工程團隊希望建構一個可擴充的全新設計系統,以及易於使用及維護的無狀態 UI 元件;此外,他們決定使用 Compose。
該團隊透過內部設計系統開始逐元件取代,並將 Compose 導入不會依賴舊版設定的新畫面中。
成果
Compose 為協助開發人員加快開發速度、改善開發人員滿意度和 UI 程式碼/元件維護能力,因此獲得可靠的回答。開始使用 Compose 後,Twitter 工程師表示這是「真棒。在內部稱之為 Android UI 2.0,且很難重新切回舊版檢視系統。它提升了我們在 Compose 中開發作業的效率和速度。」
他們發現開發和實驗速度有所提升:「我們針對 Compose 中採用的任何功能縮短設計變更,比以往快上許多。此外,我們已在產品異動中大量進行實驗,而使用 Compose 和 Kotlin 編寫時,這樣做的效果會更好且更快。」
他們編寫的程式碼不僅更直覺,撰寫速度也更快,閱讀也更簡單:此外,我們的主題層更簡單易懂,而可透過單一 Kotlin 主題檔案處理,由多個層次分層處理的 XML 主題檔案在 Compose 環境內重新實作整個主題設定結構,只花了數天到數週的時間,而且與舊版主題系統相比,事實也明顯更強大且直覺化。」
開始使用
進一步瞭解 Compose。
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2021-07-28 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2021-07-28 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2021-07-28 (世界標準時間)。"]]