前端框架Angular 18出爐,這個版本的主要目標在於改進現有功能。在Angular 17中加入,提供JavaScript直覺程式碼編寫風格,具有降低開發者對文件依賴,以及良好類型檢查方法的內建控制流程語法,還有用於改進延遲載入的可延遲檢視(Deferrable Views)功能,經過數月發展之後已經在Angular 18穩定,開發者可放心用於產品開發上。

在數月前開發團隊引入對Material 3的實驗性支援,現在也於Angular 18中穩定。開發團隊也已經使用Material 3的主題和文件,更新Angular Material元件官方網站material.angular.io。

Angular開發團隊與Chrome Aurora團隊合作,於Angular 18引入i18n(Internationalization)模組的Hydration支援,這代表伺服器端渲染現在可以高效處理多語言內容。Hydration是指客戶端將伺服器端預渲染的靜態HTML,轉變成動態網頁的過程,這種技術讓客戶端不需要從頭開始建構整個DOM,而是將靜態內容轉換成可互動元素,因此可以明顯提高首次載入的速度。

加入i18n支援後,伺服器端結合Hydration,可以在加快頁面載入時間的同時,確保多語言內容的正確呈現。

此外,開發團隊也加入一項實驗性的變更偵測機制,目的是要改善開發者體驗與效能。目前Angular使用zone.js函式庫來觸發變更偵測,但是zone.js存在一些開發者體驗和效能上的缺陷,而這次Angular開發團隊推出一系列實驗性API,允許開發者在不仰賴zone.js的情況下使用Angular。

不仰賴zone.js的變更偵測架構,與微前端的可組合性更好,與其他框架的互通性更佳,而且由於不仰賴zone.js,初始渲染和執行時間得以加快,且程式大小縮減頁面載入速度加快,堆疊追蹤更易讀,開發者除錯起來也更輕鬆。

熱門新聞

Advertisement