據(jù) Stackoverflow 的 2021 年開發(fā)者調(diào)查，JavaScript 已連續(xù)第八年成為使用最多的語言，有 67.7% 的受訪者選擇它。之所以如此受歡迎，主要是因為 JavaScript 是通用的，可以用于前端和后端開發(fā)和測試網(wǎng)站或 Web 應(yīng)用程序。

[[405636]]

使用谷歌搜索“JavaScript framework”，你會發(fā)現(xiàn)有很多 JavaScript 框架，它們各有優(yōu)點(diǎn)，各有用途。由于有如此多的 JavaScript 框架可供選擇，可以用于前端、后端開發(fā)，甚至測試，因此，要選擇合適你需求的框架，可能會是一個挑戰(zhàn)。

可能很難找到一個適合你需求的適當(dāng)框架。本文介紹了 2021 年優(yōu)秀 JavaScript 框架，我用 StateOfJS 2019、Stackoverflow 開發(fā)者調(diào)查 2021 和 NPM 趨勢，編制了一份用于前端、后端和測試的優(yōu)秀 JavaScript 框架榜單，可以幫助你解決這個問題。(本文是前端篇)

前端 JavaScript 框架

JavaScript 在前端開發(fā)中已經(jīng)廣泛使用了將近二十年。像 React、Vue 和 Angular 這樣的知名架構(gòu)已經(jīng)吸引了大量的追隨者，而最近，一些新的競爭者成功地挑戰(zhàn)了這三大框架。2021 年優(yōu)秀的五大前端框架如下：

1. React.js

在我們編制的 2021 年優(yōu)秀 JavaScript 框架的榜單中，前端類排名第一是 React.js。React.js 是一個開源的前端 JavaScript 庫(并非一個成熟的框架)，由 Jordan Walke 領(lǐng)導(dǎo)的 Facebook 開發(fā)團(tuán)隊于 2011 年創(chuàng)建，并于 2013 年 6 月開源。它的原型名為“FaxJS”，在 Facebook 消息來源(News Feed)上進(jìn)行了首次測試。可以說，React 是網(wǎng)絡(luò)開發(fā)行業(yè)中最大的顛覆者之一，也是塑造我們今天所看到的網(wǎng)絡(luò)應(yīng)用的一個重大突破。

React 引入了一種組件驅(qū)動、函數(shù)式和聲明式的編程風(fēng)格，為主要是單頁 Web 應(yīng)用創(chuàng)建交互式用戶界面。通過“虛擬 DOM”，React 提供了非?？斓匿秩舅俣?，只需渲染發(fā)生變化的部分，而不用渲染整個頁面。React 的另一個基本特點(diǎn)是使用更簡單的 JSX 語法，而不是 JavaScript。

盡管學(xué)習(xí) React 比這個榜單中其他框架要復(fù)雜一些，但是 React 擁有一個龐大的開發(fā)者社區(qū)、豐富的學(xué)習(xí)資源，并被世界各地廣泛采用。

不管是 Stack Overflow 開發(fā)者調(diào)查，還是 State of JS 調(diào)查，在前端 JavaScript 框架榜單中，React 始終名列前茅，一直是最受歡迎的前端 JavaScript 框架。Airbnb、Facebook、Instagram、Netflix、Twitter、WhatsApp 等全球最大的公司和品牌都使用 React 構(gòu)建。如果認(rèn)為 React.js 可以說是最好的 JavaScript 框架，那這一說法不會有錯。

2. Vue.js

Vue.js 是一種輕量級、開源的 JavaScript 框架，用最小的努力來構(gòu)建創(chuàng)造性的用戶界面和高性能單頁 Web 應(yīng)用。

Evan Yu 在 2014 年首次發(fā)布了 Vue，他是一名谷歌開發(fā)者，從 Angular 中獲得了靈感，以 Vue.js 的形式提供了一個簡單、輕量級、高效的替代方案。Vue 從 React 和 Angular 獲得了許多特性，但是這些特性已經(jīng)得到了大幅改進(jìn)，從而提供了一個更好、更易用、更安全的框架。Vue 就是這種方法的最佳例子，它提供了 Angular 所見的雙向數(shù)據(jù)綁定，以及 React 所見的“虛擬 DOM”。

同樣，Vue 也非常靈活，使其能夠像 Angular 那樣作為一個完整的端到端框架，也可以像 React 那樣作為一個有狀態(tài)的視圖層。所以，Vue 的主要優(yōu)勢在于它的漸進(jìn)式性質(zhì)，它更簡單，更容易上手，并且不會做太多限制來滿足開發(fā)者的需求。Vue 在過去兩年中迅速流行起來，取代了 Angular 和 React 復(fù)雜的統(tǒng)治地位，成為最好的 JavaScript 框架。有些全球最大的公司，比如 Adobe、蘋果、寶馬、路易威登和任天堂都采用了 Vue。

3. Angular

Angular.js 在 2021 年最佳 JavaScript 框架榜單的前端類中名列第三，它是谷歌開源、基于腳本的框架，用于創(chuàng)建單頁 Web 應(yīng)用的客戶端。Angular 是由谷歌工程師 Misko Hevery 和 Adam Abrons 在 2010 年創(chuàng)建的，名為 AngularJS(或 Angular 1)。AngularJS 曾廣為人知，也曾最受歡迎，但 React 的出現(xiàn)暴露了它嚴(yán)重的缺陷，后來被人們遺忘了。因此，在 2016 年，AngularJS 完全從零開始重寫，并更名為 Angular 2(或簡稱 Angular)。

AngularJS(Angular 1)的靈感來自 React。它們有了很大的變化，最重要的變化就是從 MVW(Model-View-Whatever)架構(gòu)轉(zhuǎn)變?yōu)轭愃?React 的面向組件的架構(gòu)。如今，Angular 已經(jīng)成為構(gòu)建企業(yè)應(yīng)用最安全的 JavaScript 框架典范;超過 100 萬的網(wǎng)站都在使用 Angular，包括谷歌、福布斯、IBM 和微軟。

4. Emberjs

在 2021 年最佳 JavaScript 框架榜單中，前端類的第四名是 Ember.js。它是一個開源的 JavaScript 框架。Ember 不像我們提到的其他框架，它使用的是 MVVM(Model-View-ViewModel)架構(gòu)。

Ember 最初是一個 SproutCore 2.0 框架，被 Yehuda Katz 重新命名為 Ember.js，他是一名資深開發(fā)者，被認(rèn)為是 jQuery 的主要創(chuàng)造者之一。Ember 最流行、最基本的功能就是 Ember 命令行界面，其自身功能非常強(qiáng)大，是一個強(qiáng)大的生產(chǎn)力工具。

與 React、Vue 和 Svelte 相比，Ember 是較早的 JavaScript 框架之一，但它在微軟、領(lǐng)英、Netflix 和 Twitch 等大公司仍然有巨大的用戶基礎(chǔ)。它的客戶群里有很多用戶。像 Backbone 和 Polymer 這樣的老朋友已經(jīng)消失了，但 Amber 仍能在一個充滿激情的社區(qū)中，繼續(xù)堅守下去。

5. Preact.js

在我們的 2021 年最佳 JavaScript 框架榜單中，Preact.js 在前端類排名第五。它是 React 的輕量級、快速且功能強(qiáng)大的替代方案(它并非一個完整的框架)。谷歌高級開發(fā)項目工程師 Jason Miller 創(chuàng)建了 Preact，并被一些開發(fā)者用作 React 的子集，同時還刪除了部分特性。

Preact.js 的基本原則與 React 相同，是一種使用虛擬 DOM 的基于組件的方法，同時與 React 完全兼容。

你還可以使用 React 包，而不會影響速度、性能和精簡。如果你不需要 React 的全部潛力，大多數(shù)開發(fā)者將在開發(fā)過程中使用 Preact，甚至在生產(chǎn)中切換到 Preact。使用 Preact 的大公司有很多，包括騰訊、Uber 和 Lyft。

總結(jié)

本文這個榜單所列的這些框架，遠(yuǎn)遠(yuǎn)不是 JavaScript 前端開發(fā)所需的全部框架，但是它們構(gòu)成了當(dāng)前所使用的此類框架的主體。隨著 JavaScript 功能(通過 ECMAscript 過程)的不斷發(fā)展，框架功能向內(nèi)核遷移的可能性也在增加。

原文鏈接：https://www.datasciencecentral.com/profiles/blogs/best-javascript-frameworks-for-2021