移動應用框架 Ionic 4 正式版釋出:Ionic for Everyone
流行的開源移動應用程式開發框架 Ionic 於今日釋出了 4.0 正式版 ,代號 Neutronium。官方稱 Ionic 4 為“Ionic for Everyone”。開發者現在可通過 Ionic 使用 Web 技術輕鬆構建高質量的原生和漸進式 Web 應用程式。
Ionic 4.0.0 Neutronium 原始碼下載: https://github.com/ionic-team/ionic/releases/tag/v4.0.0
毫無疑問,Ionic 4 是一個十分重要的版本。它飽含開發團隊兩年來的研究和努力,將 Ionic 從“mobile for Angular”的定位轉變為強大的 UI 設計系統和移動應用程式框架 —— 每個 Web 開發者都可使用它。
Ionic 還在官方部落格向大家介紹了 Ionic 是如何完成自身定位的轉變,以及為何要轉變,我們不妨關注一下。
簡單說來就是因為前端界的變化實在太快了。Ionic 剛問世的時候,正是 AngularJS 流行之時,Ionic 當時的目標也只是打造豐富的由 JavaScript 驅動的元件,以使用 Web 技術構建高質量的移動應用程式。由於業界當時沒有統一的標準方法可以實現這一目標,Ionic 便把目光瞄準了 AngularJS,開發者可以在 AngularJS 中構建自定義的指令,而由 Ionic 提供的原生元件可打包成易於使用的自定義 HTML 標記。任何使用該標記的 AngularJS 模板都可以引導元件並執行它,就像在瀏覽器中實現原生的支援。
即便到了 Angular 2 釋出的時候,Angular 飽受爭議,但做好移植工作的 Ionic 2 和 3 在彼時依然收穫了不錯的口碑,Ionic 3 甚至被認為是 Ionic 最成功的版本。
但到了最近兩年,前端變化之快不但令人目不暇接,甚至讓 Ionic 這樣的框架也陷入了瓶頸。AngularJS 已被 Angular 取代,而引領前端發展的“三駕馬車”,Ionic 表示其中的“兩駕馬車”與自身並無交集。
為此,Ionic 進行了反思,並在2017年開始嘗試將 Ionic 轉變為一組 Web 元件,他們判斷這將是未來的趨勢 —— 讓世界上幾乎每個 Web 開發者都可在他們的移動、桌面和漸進式 Web 應用程式中使用 Ionic 的元件 —— 只需在他們的應用程式中使用 Ionic 的自定義 HTML 標記即可。
最重要的是,Ionic 使用的是標準 Web API 而非第三方 API,所以開發者大可放心使用,Ionic 的元件 API 在未來許多年都會保持穩定,而不是成為前端和框架發展程序中的犧牲品。
有關 Ionic 4 前世今生的介紹到此為止,接下來繼續看看 Ionic 4 有哪些值得關注的變化。
效能
官方宣稱 Ionic 4 是有史以來最快的版本,近 100 個 Ionic 元件均通過效能、定製性和外觀方面的評估。每個元件均符合 iOS 和 Android 上的最新標準。
官方提供的效能對比 ↑↑↑
Ionic 4 開箱即用,而優異的效能則讓 Ionic 成為了構建高效能 PWA 的最佳 UI 框架。官方表示,為了使 Ionic 達到 Google 規定的效能標準,需要使用新的非同步元件載入和交付方法。為實現這一目標,Ionic 團隊花了一年的時間使用 Stencil 構建一個 Web 元件管道來生成 Ionic 元件,確保它們封裝緊密,可延遲載入。
支援 React 和 Vue
雖然目前對 React 和 Vue 的支援尚處於 alpha 狀態,但終歸讓開發者在框架選擇上有了更多樣化的選擇。
其他值得關注的更新
文件改進。官方對開發者文件進行了較大的改進。設計更簡單、導航更清晰、內容更突出。
此外,還整合了 API 引用和元件引用方面的內容,減少了之前開發者必須多次跳轉才得以獲取所需資訊的次數。
文件最新地址 >>> http://ionicframework.com/docs
路線圖
Ionic 4 現在可用於生產環境,官方提供的 Roadmap 顯示未來將改進對特定桌面的 UI 支援、改進鍵盤方案,提供更豐富的主題和動畫。另外就是,提供對 React 和 Vue“一等公民”的支援。