6 大主流 Web 框架優缺點對比

發表於2017-12-07

6 大主流 Web 框架優缺點對比

是該讀些評論和做一些總結的時候了。當我們開始寫這個系列部落格的時候,我們知道 JavaScript/web 應用框架並不太好總結。我們努力對這個不可回答的問題作出回答:我該用什麼樣的框架?

在這篇文章中,我們將對這個系列中所提到的每款框架做一個總結,包括我們所認為的強項和弱項。另外,我們為你留下了一些值得思考的問題。

我是否需要使用框架?

如果不嘗試回答這個問題就是我們的失職,這越來越成為社會上某些人的口頭禪,在網路平臺上的爭論也已經發展到猶如不需要額外編寫 API 能更簡單建立 Web 應用那樣的地步。就像本系列中所有的內容一樣,我們的回答也大都是依據這些內容。

雖然無框架也能正常工作,但是,這也是有代價的。那些主張無框架手寫 Javascript 的人,那些通常會被我們認為是斯德哥爾摩綜合症(情感上會依賴他人且容易受感動的人)的人,忘記了網路平臺上有多套快速發展的 API ,至少有三種不同的技術,三種截然不同的語法。web 平臺規範並確定了超過 12000 個 API,事實上瀏覽器中的維恩圖也顯示了這些巨大差距。

如果你是一個有著深厚技術和經驗的人,確實可以坦誠的不使用框架。但你團隊的其他成員呢?你手下的那些人呢?或者當你的決定把你自己陷入困境的時候呢?這種情況下,我們將會看到一個不用框架的團隊在展開冒險,最後他們會發現自己建立了一個需要自己著手維護的框架。接著就會出現尋找人才的問題,他們不需要知道框架是如何工作的,只需要尋找會呼叫網路平臺 API 的高階技能人才或者一些自稱有經驗的人才,最後卻發現缺少利於團隊發展的技能深度和經驗。

團隊應該避免虛假等價(false equivalence)的陷阱,很顯然,在 web 技術的應用方面具有創新性的公司在不斷提高他們的市場價值和競爭力,Google、Facebook 和 Netflix 公司都是很好的例子。但是大多數公司不是這樣,他們應該承認這一點。

Angular 2+

有什麼優勢?

Angular 2+ 的最大優勢在於它的流行程度。也有人認為它和 Google 密切相關的名字,會影響團隊使用它。Angular 1 的迅速流行是因為那些來自其他互動式應用程式開發環境的人會發現對於開發單頁面 web 應用程式具有相似的模型-檢視模式。通過對 Angular 1 進行現代化演變和重新構建框架的某些部分,Angular 2+ 已經真正的爆發了,大量的正式的和非正式培訓機構數量都讓人印象深刻,開發者有很強的市場競爭力。對於使用者來說它有一套用於構建使用者介面的豐富元件,這也是本系列中少有的幾個框架能夠做到這點。

有什麼弱點和挑戰?

我們覺得 Angular 框架著重於在單個頁面應用程式中建立使用者介面並沒有處理構建完整的 web 應用這個更大的關注點,如果不及早確定下來,這將會導致整個專案難以維護,在實際專案中,執行時提供不屬於核心框架的技術往往讓人覺得不可思議,這大大降低了 TypeScript 對最終開發者的價值。

未來將何去何從?

Angular 5 剛剛釋出,這看來是 Angular 已經成功的印證了快速釋出版本的承諾,在 Google 的持續支援下,Angular 會越來越成熟。

像許多的大型組織一樣,Google 具有多重(分裂)的人格,從外表上看,Angular 團隊和那些專注於瀏覽器標準的團隊之間顯得很和諧。但我們的觀點是,和諧只是一層薄薄的窗戶紙。Angular 團隊對於 web 元件和漸進式 web 應用沒有一個真正解決方案。我們認為,業界普遍認可的標準將會在 Angular 框架中會逐步實現,這將會影響到如何更好的構建 Angular 應用將成為一箇中/長期的風險。

何時選擇 Angular 2+

如果你需要在一個大型的框架內獲取技術資源,框架內的技術通常很容易移植;或者你需要在框架中訓練開發人員,並且還要有一定的信心,他們會在短期內獲得一定的開發能力,這樣的話你可以考慮 Angular 2+ 。需要注意的是 Angular1(angular.js)與 Angular2+ 是截然不同的,其中的應用、技術和經驗不能直接移植到 Angular2+ 的開發中去。

如果你的 web 應用能夠很好的轉化為標準的模型-檢視模式,那麼你也可以忽略其他直接考慮使用 Angular2+ 。

如果你對 Google Material UX 設計模式滿意,那麼 Material Angular 是遵循該模式的一種快速、簡單且可靠的方式。

6 大主流 Web 框架優缺點對比

React + Redux

有什麼優勢?

React 和 Redux 的最大優勢在於它們相對簡單和專注。做一件事情並把它做好是非常困難的,但這兩個庫都很有效地完成了它們的目標。雖然對於某些狀態容器方法可能是外部的,但大多數開發人員還是可以輕鬆掌握概念,並瞭解單向資料體系結構的好處,簡化大量的使用者介面應用程式。

有什麼弱點和挑戰?

React 和 Redux 最大的弱點不是它們是什麼,而是它們不是什麼。要構建一個功能豐富的 Web 應用程式,你需要許多功能,一旦脫離 React 和 Redux 和其他一些庫的核心,你將發現一個非常分散的社群,擁有無數的解決方案和模式,不容易整合在一起。

因此,雖然 React 和 Redux 都是非常專注的庫,但缺乏經驗的團隊還是會很容易地生成不可維護的解決方案,而不是意識到他們所做的選擇會導致效能不佳或錯誤。 即使有經驗的開發人員也可能意識到,一個鬆散的架構或慣例可能會在未來困擾他們。

假省錢是一種對自己的欺騙,組織範圍內採用 React 和 Redux 將輕鬆降低無效率問題。 沒有其他庫和模式的廣泛約定和標準化,標準化 React + Redux 比較於我們正在採用的 JavaScript 來編寫我們的應用程式效率要高。

未來將何去何從?

Facebook 和 React 最近從繁瑣的附加專利糾紛中抽離,他們認識到,就像其他專案一樣,更廣泛的社群能夠提高自己的聲音。 我覺得這有助於 Facebook 意識到他們還不能更好地瞭解我們,相信我們來引導專案。 希望這將繼續貫穿專案的特點和技術方向。

很難預測 React 和 Redux 的未來。 但是,將庫集中在一起,確實會顯著提高適應性,大多數React + Redux 模式都會促進一個分離的體系結構,從而可以輕鬆地進行重構和迭代。 兩年前,大家喜歡的還是React + Flux,但整個社群很快就擁抱了Redux。 思維或模式的其他重大轉變可能很容易被採納。 這種關鍵能力可能會持續到未來。

何時選擇 React + Redux ?

如果你很少需要手把手指導,並且正在尋找更好的庫而不是全面的框架,那麼 React + Redux 可能是正確的。 在這一過程中,你不僅需要對你的團隊和組織的能力保持誠實,還要在你的初始開發過程中,以及在整個應用程式的長期維護過程中保持誠實。

6 大主流 Web 框架優缺點對比

Vue.js

有什麼優勢?

漸進式構建能力是 vue.js 最大的優勢,vue 有一個簡潔而且合理的架構,使得它易於理解和構建。

vue 有一個強大的充滿激情人群的社群,這為 vue.js 增加了巨大的價值,使得為一個空白專案建立一個綜合的解決方案變得十分容易。

有什麼弱點和挑戰?

在模型-檢視應用程式和狀態容器型別的應用程式之間的互相轉換可能會令人感到困惑,即使沒有完美包含一個模式到另一個模式的完美轉換,但讓人感覺希望能維持兩個模式的相關性。對於那些期待 vue.js 完美解決方案,並可能導致難以維護不一致的應用程式的人來說,這至少是令人困惑的。

一個更大的挑戰是 vue.js 依賴於一個單獨的人,很明顯,其他的專案基本是由一個組織提供支援,但這讓人感覺更加有意義,雖然它有一個強大檔案的社群和許多有創新的新增專案,但是 vue 核心的開發基本落在一個人身上。

我們很高興看到 vue 更加容易接受新興的標準方法,但是它的類似於 web 元件的模式,而不是真正的 web 元件,這可能是 vue 所得不償失的地方。

未來將何去何從?

雖然 vue.js 有相當廣泛的應用,但也很難預測在中期發展中這個勢頭能持續多久,它不是由一個商業組織直接支援並維護,因此,這很大程度上依賴於維護者的生存能力和繼續維護下去的願望來決定。

它也表現出了一定程度的語言適應能力,並且隨著某些模式的落伍和失寵而繼續保持自身語言的現代化和時代性,目前沒有跡象表明 vue.js 架構將來無法適應進一步發展。

何時選擇 Vue.js?

如果你有一個傳統的 web 應用程式,並需要一個強壯穩健的應用程式層,那麼 vue.js 可能是一個很好的選擇,它有清晰的模式,即使沒有經驗的團隊也能正確或者錯誤的使用它。儘管 vue UX 框架沒有開箱即用的功能,但在 vue.js 上也能大量持續性構建應用,這將有利於你的專案。

6 大主流 Web 框架優缺點對比

Dojo 2

有什麼優勢?

Dojo2 專注於帶來更多構建在狀態容器體系之上的動態元件的體驗模式,填補了 react+redux 等框架的許多空白。

Dojo2 也知道它不單單只是在自己的生態圈發展,通過包含 web 元件匯入和匯出功能,也意識到需要支援不同的應用例項,但它依舊提供了一個結構化和固有的框架價值,Dojo2 的核心基礎仍然是專注於提供互動性。

Dojo2 覺得它提供了大量重要的功能和解決方案,這對於構建完整的 web 應用是十分重要的,對於其他大多數框架而言這並不是重點。提供一個國際化系統和廣泛的易接入性的模式也是其中之一,同時也提供一個主題系統和演進模式,用以確保不僅能為 Typescript/JavaScript 提供良好的程式碼開發,也能像 CSS 那樣管理資源。

Dojo2 專注於提供一個結構化和符合人體工程學的開發環境,通過使用 typescript 和其他開發模式,它試圖提供安全的防護機制去引導新手開發人員,通過專注於提高框架開發效率和開發安全性,旨在讓開發團隊能夠快速交付更好的 web 應用程式。

有什麼弱點和挑戰?

有爭論的是,通過進一步延長 Dojo2 的釋出時間的做法是否是在阻礙框架的發展,反觀其他專案由於其資源的擴大能夠繼續發展和快速迭代,導致 Dojo2 目前明確的處在一個擁擠的競爭環境之中。

這也許是一個潛在的發展機遇和挑戰,同時希望能夠在靈活性和互動性上而不是別的特殊理由去使用 Dojo2 。

未來將何去何從?

Dojo2 將是未來優秀 web 框架之一,它將繼續努力為構建可擴充套件性的 web 應用程式提供清晰的模式和指導。隨著新標準的不斷出現,Dojo2 將進一步努力去在框架中實現新的標準方法,繼續嘗試擴大框架的開放性和互動性,創造適合更多人使用的解決方案。

何時選擇 Dojo2?

如果你想採用一個靈活的、現代的、響應式的 web 應用程式架構,並且你需要很多智慧化的預設設定,那麼 Dojo2 將是一個不錯的選擇。不用去拼湊和構建一個管道,並且為你提供更高階的命令模式讓你可以更加專注的開發專案,更加確認它是直接為你可以直接生產開發所準備的。另外,如果你瞭解 typescript 的優勢,Dojo2 會十分嚴謹的使用 typescript 來管理並提供一個穩健的開發者開發環境。

Ember

有什麼優勢?

Ember.js可能是最固執己見的主流框架,這也是其最大的優勢。它有建立Ember.js應用程式的正確方法,通常只有一種方法來建立應用程式。Ember.js更類似於一個產品或平臺,在那裡你會到一個供應商的長期支援和維護。Ember.js提供了對其平臺的全面版本管理,升級工具以及對API升級的強大指導和工具。成熟,是對Ember.js的一個很好的總結。

Ember.js多年來已經證明,它可以保持其框架並使其與現代標準保持一致,同時不會過早遺忘傳統瀏覽器。

Ember.js有一個清晰合理的架構來全面構建Web應用程式。

有什麼弱點和挑戰?

Ember.js可能是最固執己見的主流框架,這也是它最大的弱點。雖然社群是開放的並且接受投資,但是仍然需要找到一個正確的方式來擺脫下滑的趨勢,這可能是具有挑戰性的問題。

擁有一個豐富的第三方社群也可能具有挑戰性。由於沒有開箱即用的UX元件,這很可能會讓你使用第三方套件。你可能會發現,雖然這些套件並不全面,你將需要建立或尋找其他元件。由於Ember.js沒有擴充套件,所以對如何互動和管理DOM,你會發現你有不一致的部件,而且也沒有提供一個易於管理的介面。

未來該何去何從?

Ember.js的主要貢獻者是JavaScript語言標準委員會TC39的核心參與者。在過去的幾年中,Ember.js對JavaScript的方向比任何其他框架都有更直接的影響。我們的觀點是,這將在未來繼續受影響,並幫助促進JavaScript的特性和模式。這也意味著Ember.js將繼續保持與未來標準的緊密結合的關係。

Ember.js不可能在將來隨時消失,儘管他們的創新很可能是通過與Ember.js緊密結合的其他專案來實現的,比如Glimmer,它為Ember.js應用程式提供了一個新的UI框架,該框架基於TypeScript。

為什麼我會選擇Ember.js?

如果你在框架中尋找成熟度,那麼Ember.js很難出錯。另外,由於Ember.js提供的內容被理解,並且有廣泛的官方和官方認可的培訓,以及嚴格的結構,找到能夠建立基於Ember.js的應用程式的人才可能比其他框架更容易。也可以教大型團隊如何構建應用程式,並確保整個團隊的共同對話和理解。

如果你想要對社群保持信心,並批判性地思考他們平臺的變化,那麼Ember.js會是一個很好的考慮因素。您可以花更少的時間跟隨當前的技術趨勢,並更多地關注建立應用程式。

6 大主流 Web 框架優缺點對比

Aurelia

優勢在哪?

Aurelia有很多關於構建Web應用程式的方法,結構和想法。 這個框架的編寫有很多技術上的優點。

有什麼弱點和挑戰?

我們估計最大的挑戰就是核心發展的動力和臨界物質的缺乏我們感覺很多的觀點和概念都是我們對其他框架的批評性的想法,但是這些願望都沒有完全交付。它似乎就像是一個正在進行的工作一樣,就像Dojo 2,但是它已經是一個已釋出的框架。

大部分的Aurelia是坐落在一個人的肩膀上,如果這個人的的注意力或可用性改變,那麼將會帶來挑戰。

未來會如何?

對於Aurelia來說,有一個很大的機會。如果它能夠實現他的願景,他將要完整的儲存這個構建Web應用程式的已有的模板,但會以更健全、更完整的方式交付。我們不知道Aurelia是否能夠充分的利用這次機會。

為什麼我會選擇Aurelia?

如果您致力於Web模型檢視應用程式模組,並且你和你的團隊試圖想把一些事做的更好,那麼Aurelia會是一個選擇。它就像是一個正在尋求一個更大的社群來幫助它的發展和進化的框架。

最後的思考

真心希望這一系列的帖子至少給了你一點思考,你應該很容易有這樣的想法那就是不可能有可驗證的正確決定。同時,希望你也意識到沒有普遍的錯誤決定,你應該用一些問題和思考來武裝自己,幫助你選擇框架。

一個框架僅僅是一些模式的體現,一些科技的整合,原始碼幫助我們更加容易去構建和維護網站應用,如果你是個體開發者,我們能提供的最好的建議是花費盡可能多的時間使用那些你認為可以為你所用的框架。如果你是公司的管理者或骨幹領導要去做決定,請記住特點列表只是決定的一方面,有時候並不是越多越好。挑戰你自己活著你的團隊使用一個整體的框架,但是首先,列出對你和你的組織重要的列表,尤其是那些技術之外特點。

相關文章