轉載請註明出處：葡萄城官網，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。
原文出處：https://blog.bitsrc.io/top-5-javascript-frameworks-past-present-and-future-8b6fda39de02

隨著資訊科技領域的發展，企業對於JavaScript的需求變得十分廣泛，為了讓前端編碼更快更高效，一系列前端JavaScript框架就此誕生。

前端框架的設計初衷是為指令碼程式語言提供出色的支援，讓程式碼重複可用。簡而言之，框架是由一組開發人員編寫的程式碼塊，可使整個開發過程變得簡單且易於實現。從業務角度看，框架能使開發人員更容易滿足客戶的需求，解決客戶專案開發階段所面臨的各種挑戰。

那麼，在眾多前端框架中，哪些在2020年更受關注和追捧呢？

本文羅列了幾個當下最受歡迎的前端框架，排名只是根據作者自身的使用經驗、日常研究、框架的語法結構和易用性等特性進行排名。

以下是框架的排名依據參考：

1. 是否保持增長和更新。
2. 是否在大廠和開發者社群中受到推薦，如GitHub、NPM趨勢、Google趨勢等。
3. 是否具備一個規模龐大且活躍的技術社群。

5. velte.js —— 麻雀雖小，五臟俱全

在React、Vue和Angular差不多佔據了Web開發的大部分江山時，Svelte橫空出世，並逐漸開始吸引越來越多人的眼球。這是一個用TypeScript編寫的基於元件的開源JavaScript框架，於2016年釋出。

2020年以來，Svelte的使用量急劇增加。

尤雨溪曾評價道：Svelte 的核心思想在於“通過靜態編譯減少框架執行時的程式碼量”，因此其非常適合開發小而快速迭代的專案，而且能做到極致精簡。

Svelte的優勢：

1. 與React不同，Svelte沒有虛擬DOM。其元件完全用HTML、CSS和JavaScript編寫。
2. Svelte編譯器可編譯原始JavaScript模組，該模組不依賴於框架。因此，與React、Angular和Vue相比，Svelte應用程式的捆綁包尺寸非常小。
3. Svelte不需要較高的瀏覽器處理能力，即可實現類似外科手術般的方式更新DOM。

4.Ember.js —— 明顯提高開發人員工作效率的生產工具

Ember.js是一款用於構建現代Web應用程式且功能全面的JavaScript框架，基於雙向資料繫結概念（如AngularJS和React等SSR）執行，允許開發人員將更多精力放在建立獨特的業務功能上。

由於Ember不再需要編寫繁瑣的程式碼，因此，開發人員的開發效率能夠明顯得到提升。目前，越來越多的一流公司開始在其產品中使用Ember，如Netflix、Microsoft和LinkedIn。

Ember自發布以來，在開發人員社群中的使用率逐漸增加。

儘管Ember主要用於Web開發，但使用Ember.js搭建的桌面和移動應用程式也同樣引人矚目，而其中的代表作品就是Apple Music桌面應用程式。

3. Angular —— 一個可靠的框架

Google在2016年推出了Angular。但是，它的前身AngularJS可以追溯到2010年。在早期，React的流行將Angular甩在後面。但是，事實證明Angular仍是開發一款可靠的企業級應用的首選。

Angular受歡迎的原因：

1. 擁有一個維持了十多年的大型生態系統。
2. 具備全套開發工具。
3. 允許高質量的程式碼生成，具有清晰的編碼結構和程式碼一致性。
4. 擁有出色的文件，其庫為開發人員提供了大量支援。
5. 日益增加的社群支援。

如果將Angular與React進行比較，我們可以觀察到Angular的下載量並沒有增加太多，並在過去兩年中幾乎達到飽和水平。

2 React —— 最受歡迎的框架

React是一個開源前端庫，由Facebook開發團隊的軟體工程師於2011年建立，隨後於2013年正式開源。經過9年的發展，目前它被認為是最受歡迎的前端庫之一。

React為前端開發引入了一種基於元件的、響應式的、函式式的程式設計風格，一舉改變了單頁應用程式（SPA）的發展方向。

為什麼 React 如此受歡迎？

1. React 引入了基於元件級的渲染機制。
2. 提供了強大的服務端渲染(SSR)，對SEO有良好的支援。
3. 提供了更好併發性的React Fiber，使用了更少模板程式碼來管理功能元件的React Hooks，以及用於獲得更好渲染效果的React suspense等功能。
4. 一旦學會了React，可以在任何地方使用它，不僅可以用於Web應用程式，同時也可以在移動應用程式中使用(React Native)。

眾多優秀的功能使React成為當今最受歡迎的框架之一，而NPM的下載量也證明了這一點。

如圖所示，在過去的5年裡，React在下載量方面一直在前端框架中佔據著主導地位。

就Stack Overflow技術問題總量趨勢看，React也同樣如此。

1 Vue.js —— 其受歡迎程度已經不需要多說了

其他框架

• Meteor：一度被認為是用於開發和部署Web應用程式的全棧解決方案。
• Mithril：用於開發SPA的UI JavaScript框架，提供了開箱即用的路由和XHR實用程式，並且快速，易於實現。
• Aurelia：被認為是JavaScript的最新版本，可以擴充套件HTML的多種用途，包括資料繫結。
• Polymer：一個由Google推出的開原始碼庫，可以為網站建立元素而無需進入複雜的層次。支援單向和雙向資料繫結。

結論

本文提及的所有JavaScript庫和框架都具有巨大的潛力，熟練的掌握它們，將為您的JavaScript開發帶來更多好處。

如果您有興趣瞭解更多的JavaScript框架和庫，可以閱讀以下文章連結。

• 為什麼 Vue 更符合這個時代的大勢所趨
• 都 9102了，該選擇 Angular、React，還是Vue？
• Angular vs React 最全面深入對比