an You 開發和領導。據BuiltWith 稱，這是開源社區中一個非常強大的獨立項目，被超過 100 萬個網站使用。

Angular 是由 Google 開發的，但令人驚訝的是它并沒有用于他們的一些旗艦產品，例如搜索或 Youtube。它經常用于企業項目，并基于BuiltWith的數據為超過 97,000 個網站提供支持。

它是三個框架中星數最少的，在 GitHub 上有 68k 星。然而，當從 Angular 1 切換到 Angular 2 時，他們創建了一個全新的代碼庫，而不是繼續AngularJS項目，該項目也有 59k 星。

在開發應用程序時，開源包可以為您節省寶貴的時間。不僅如此，它們通常比定制組件和封裝更好，因為它們經過了實戰測試。

查看可幫助您更輕松地創建新功能的現成組件、主題和其他工具的可用性非常重要。

許多前端應用程序依賴全局狀態管理來存儲信息，例如誰登錄和其他用戶設置。

最流行的 JavaScript 狀態管理項目是Rex。大多數開發人員使用Rex的官方 React 綁定，這些綁定由 Rex 團隊維護。

由于 React 的流行，查找輸入組件和現成的元素非常容易。它們都只是在 Google 或 GitHub 上搜索即可。

React 生態系統還包括React Native，它允許您從用 React 編寫的單個代碼庫構建原生 iOS 和 Android 應用程序。因此，React 也可以成為使用 Web 技術構建移動應用程序的絕佳選擇。

React 是 MERN 堆棧的一部分，其中包含 MongoDB、ExpressJS、React 和 NodeJS。這種組合的偉大之處在于，單一語言——JavaScript——為整個應用程序提供動力。

盡管 Rex 可以在 Vue 中使用，但沒有官方綁定。但這不應該讓您擔心，因為Vuex是專門為 Vue 應用程序制作的官方狀態管理庫。除了與 Vue 很好地集成之外，使用 Vue 的開發人員工具進行調試也很容易。

在 Vue 的早期，很難找到現成的組件。隨著社區的發展，您可以使用各種輸入組件和高級元素來加快開發速度。

對于移動應用程序開發，有一個名為Weex 的新興項目。Weex 由阿里巴巴開發和使用，但不如 React Native 成熟和強大。更重要的是，由于該項目在中國開發和使用較多，因此很難找到英文文檔和解決問題的方法。

Vue 與 Laravel 集成得很好，這就是為什么它們經常一起使用。Laravel 提供完整的JavaScript 和 CSS 腳手架，以支持在新項目中使用 Vue。

對于 Angular 中的狀態管理，您可以使用NgRx項目。它的靈感來自 Rex，但它是專門為 Angular 創建的。

與 Vue 和 React 的情況一樣，您可以將許多現成的組件導入到您的項目中。與 Angular 略有不同的是，Angular Material項目中有許多官方組件。這是 Google 的一個官方項目，為 Angular 應用程序提供 Material Design 組件。

您可以使用NativeScript在 Angular 中構建跨平臺移動應用程序。它也支持 Vue，但 Angular 支持更成熟。

Angular 是著名的 MEAN 堆棧的一部分，它將 Angular 與 MongoDB、ExpressJS 和 NodeJS 相結合。與 MERN 堆棧類似，它的前端和后端都完全依賴 JavaScript。

Angular、React 和 Vue 都可用于開發漸進式 Web 應用程序，也稱為 PWA。

PWA 不是移動應用程序，而是 Web 應用程序，智能手機用戶可以將其添加為主屏幕的快捷方式，并提供類似于原生移動應用程序的外觀和感覺。

在選擇框架或庫時，您還需要考慮性能。

在許多情況下，您不必擔心性能，尤其是在構建小型項目時。然而，項目的范圍和復雜性越大，性能就會（并且將會）成為一個問題。

重要的是要注意，在 Web 性能方面，開發質量和遵循最佳實踐比框架的選擇更重要。

但由于存在一些性能指標和差異，我將研究它們并解釋每個指標如何影響您的開發工作。

JS 框架基準測試的結果表明，它們在大多數基準測試中都表現得相當好，例如在表中創建或附加行。

正如你在上面看到的，Vue 在選擇行時比 Angular 和 React 慢得多。另一方面，Angular 和 React 在交換行方面效率不高。

這些是渲染基準中唯一的實質性差異 - 在大多數情況下，不會產生明顯的結果。由于選擇行是比交換行更常見的功能，我想說這個基準測試將 Vue 排在第三位，僅次于 Angular 和 React 并列第一。

谷歌 Chrome 實驗室的Perf Track顯示了來自數千個網站的生產數據。這些統計數據受許多其他因素的影響，而不僅僅是選擇的框架，讓我們看看數字。

在渲染完整頁面的三個框架中，Angular 也是最慢的，只有 27% 的 Angular 網站得分在可接受的范圍內。

對于所有三個框架，超過 80% 的網站都在第一次輸入延遲的可接受范圍內，這顯示了用戶可以與頁面交互所需的時間。

迄今為止，最輕量級的應用程序是使用 Vue 開發的應用程序，68% 的 Vue 應用程序加載的 JavaScript 不到 1MB。另一方面，Angular 和 React 應用程序往往具有更大的代碼大小。

您可以從這些數字中看到趨勢，但您不應該太快得出結論。例如，對于最后一張圖，可以解釋為 Vue 用于開發更輕量級的應用程序，而 Angular 用于更大的項目。

統計數據可以幫助指導您做出正確的決定，但您不能使用它們來證明一個框架比另一個更快或更好。

對于更高級的應用程序，使用的前端框架應該能夠執行一些提高性能并且可以更好地擴展的任務。

兩項關鍵技術是服務器端渲染 (SSR) 和虛擬化。

React 支持使用官方ReactDOMServer包進行服務器端渲染。對于虛擬化，您可以使用名為React Virtualized的流行第三方工具。

Vue 中也支持服務器端渲染以及官方的SSR 包。此外，您還可以使用基于 Vue 構建并支持 SSR的Nuxt.js框架。

不幸的是，Vue 中的虛擬化選項并不是那么強大。在我看來，Vue Virtual Scroll List是虛擬滾動的最佳解決方案，但它有點問題，不如 React 和 Angular 的選項穩定。

Angular 擁有SSR的官方Angular Universal包，以及用于虛擬滾動和高效渲染大型列表的官方組件。

學習這些框架有多容易？

在最基本的用例中，React 是三個框架中最不復雜的。那是因為你只需要導入庫，然后你就可以用幾行代碼開始編寫你的 React 應用程序。

但是除了 Hello World 示例之外，大多數 React 應用程序都是基于組件的，而不僅僅是在頁面上呈現一些元素。

一些開發人員對 React 感到奇怪或困難的一件事是，學習 JSX 是一條單行道。您也可以使用原始 JavaScript，但由于大多數 React 開發人員使用 JSX，學習它幾乎是不可避免的。

這是使 React 的學習曲線變得更陡峭的主要因素，但除此之外，對于了解 JavaScript 并理解 Web 開發概念的開發人員來說，它是一個易于學習的庫。

Vue 的設置比 React 稍微復雜一些。你可以將它用作一個庫來定義你可以在整個 HTML 中使用的組件——但與 React 類似，這不是大多數項目的構建方式。

大多數 Vue 項目都有一個命名的根組件App.vue和一些用于顯示各種內容的子組件。

說到語法，你唯一需要學習的新東西就是 Vue 的模板語法，如果你了解 HTML，這很容易掌握。基本的指令，如v-if和v-for有條件的渲染和列表的渲染，很容易理解即使是初學者。

此外，Vue 的單文件組件將所有前端代碼保存在一個地方，便于組織新項目。

在我看來，Vue 是最容易學習的，因為它的簡單和直觀的語法。

除了組件，Angular 還支持模塊和服務。它希望您以特定的方式編寫和設計代碼庫，從而使您的項目在擴展時更易于維護。

至于語法，由于 Angular 最適合與 TypeScript 配合使用，因此在構建 Angular 項目時了解 TypeScript 非常重要。

與 Vue 一樣，您還必須熟悉類似 HTML 的語法，以便您可以開始使用 Angular 編寫新的 UI 功能。

在我看來，Angular 對于普通開發者來說是最難學的，因為它更復雜并且依賴于 TypeScript。

許多開源項目和框架逐漸被遺忘并無人維護。您是否應該擔心我們在這里討論的任何框架？

盡管我們無法完全預測會發生什么，但正在進行的開發工作是這些項目 健康 狀況的良好指標。人氣和增長也是預測項目壽命的重要指標，所以讓我們來看看每個框架。

React v17.0已經發布，但令人驚訝的是，它沒有為開發人員提供任何新功能。

主要的變化是這個新版本可以更容易地升級 React 本身。您可以將 React 的某些部分從舊版本升級到新版本，而無需升級整個項目。

如果您的應用程序依賴于隨新版本更改或棄用的功能，您可以保留舊版本以保持此功能有效。此更新使 React 成為一個很好的長期選擇，因為它可以更輕松地與新版本保持同步。

React 的每周 npm 下載量自去年以來增長了 44% 。從絕對數量來看，它仍然是三個項目中下載量最大的。

Vue 3 已于2020 年 9 月發布，它解決了 Vue 2 在大型項目中存在的許多嚴重問題。它引入了受React Hooks啟發的Composition API，可以更輕松地跨組件重用邏輯。

整個項目用 TypeScript 重寫，提高了新 Vue 項目對 TypeScript 的支持，同時也使項目更易于維護。

Vue 3 是一個急需的升級，使 Vue 更適合大型項目。

Vue 的每周下載量自去年以來增長了 87%，使 Vue 成為相對而言增長最快的框架。如果 Vue 能夠保持這種增長速度，那么它肯定會很快超過 Angular。

Angular 最近推出了Ivy 編譯器。它減少了構建時間，優化了資產，允許更快的測試，并總體上改善了開發人員的體驗。

Angular 團隊每年發布兩次重大更新，其中可能包含新功能，或者