即寫即更新:用 Compose Hot Reload 提升 UI 開發體驗
寫 UI 很有趣,但每次修改一點就要等編譯,就一點都不有趣了!隨著 Compose Multiplatform 的出現,Kotlin 開發者已經能用宣告式語法打造跨平台 UI。但開發者對 UI 開發的期待,除了語法設計外,也希望能在開發過程中快速看見修改結果。雖然 Jetpack Compose 透過 @Preview Annotation 改善了部分預覽體驗,但遇到真實 App 狀態、Navigation、ViewModel 或跨平台 UI 時,仍很難完全取代實際跑起來的應用程式。
現在,JetBrains 團隊推出 Compose Hot Reload,讓開發者能在運作中的 Compose Multiplatform 應用裡修改 UI 程式碼,儲存後快速看到變化,並盡可能保留當前畫面與狀態。這場短講會快速介紹 Compose Hot Reload 的核心原理、安裝方式與工作流程,包含它如何透過 JetBrains Runtime 與 DCEVM,把修改後的程式碼載入既有應用程式。也會現場示範如何透過 Hot Reload 快速產製 UI,並說明當前適合使用的情境與限制。聽完後,聽眾將能理解 Compose Hot Reload 的優勢,以及如何把它帶進現有專案的 UI 開發流程。
范聖佑
JetBrains 技術傳教士,負責推廣 Kotlin、JetBrains IDE 及相關技術。平時醉心於技術研究,專注於 Web、後端技術及能提升生產力的技巧,致力於將複雜的技術名詞用通俗易懂的方式讓新手也能吸收。工作之餘也是多年技術社群志工,積極參與開源社群運作。