作者 | Olivia Cuthbert
譯者 | Sambodhi
策劃 | 劉燕
據(jù) Stackoverflow 的 2021 年開(kāi)發(fā)者調(diào)查，JavaScript 已連續(xù)第八年成為使用最多的語(yǔ)言，有 67.7% 的受訪者選擇它。之所以如此受歡迎，主要是因?yàn)?JavaScript 是通用的，可以用于前端和后端開(kāi)發(fā)和測(cè)試網(wǎng)站或 Web 應(yīng)用程序。
使用谷歌搜索“JavaScript framework”，你會(huì)發(fā)現(xiàn)有很多 JavaScript 框架，它們各有優(yōu)點(diǎn)，各有用途。由于有如此多的 JavaScript 框架可供選擇，可以用于前端、后端開(kāi)發(fā)，甚至測(cè)試，因此，要選擇合適你需求的框架，可能會(huì)是一個(gè)挑戰(zhàn)。
可能很難找到一個(gè)適合你需求的適當(dāng)框架。本文介紹了 2021 年最佳 JavaScript 框架，我用 StateOfJS 2019、Stackoverflow 開(kāi)發(fā)者調(diào)查 2021 和 NPM 趨勢(shì)，編制了一份用于前端、后端和測(cè)試的最佳 JavaScript 框架榜單，可以幫助你解決這個(gè)問(wèn)題。（本文是前端篇）
前端 JavaScript 框架
JavaScript 在前端開(kāi)發(fā)中已經(jīng)廣泛使用了將近二十年。像 React、Vue 和 Angular 這樣的知名架構(gòu)已經(jīng)吸引了大量的追隨者，而最近，一些新的競(jìng)爭(zhēng)者成功地挑戰(zhàn)了這三大框架。2021 年最優(yōu)秀的五大前端框架如下：
1. React.js
在我們編制的 2021 年最佳 JavaScript 框架的榜單中，前端類(lèi)排名第一是 React.js。React.js 是一個(gè)開(kāi)源的前端 JavaScript 庫(kù)（并非一個(gè)成熟的框架），由 Jordan Walke 領(lǐng)導(dǎo)的 Facebook 開(kāi)發(fā)團(tuán)隊(duì)于 2011 年創(chuàng)建，并于 2013 年 6 月開(kāi)源。它的原型名為“FaxJS”，在 Facebook 消息來(lái)源（News Feed）上進(jìn)行了首次測(cè)試?？梢哉f(shuō)，React 是網(wǎng)絡(luò)開(kāi)發(fā)行業(yè)中最大的顛覆者之一，也是塑造我們今天所看到的網(wǎng)絡(luò)應(yīng)用的一個(gè)重大突破。
React 引入了一種組件驅(qū)動(dòng)、函數(shù)式和聲明式的編程風(fēng)格，為主要是單頁(yè) Web 應(yīng)用創(chuàng)建交互式用戶(hù)界面。通過(guò)“虛擬 DOM”，React 提供了非?？斓匿秩舅俣?，只需渲染發(fā)生變化的部分，而不用渲染整個(gè)頁(yè)面。React 的另一個(gè)基本特點(diǎn)是使用更簡(jiǎn)單的 JSX 語(yǔ)法，而不是 JavaScript。
盡管學(xué)習(xí) React 比這個(gè)榜單中其他框架要復(fù)雜一些，但是 React 擁有一個(gè)龐大的開(kāi)發(fā)者社區(qū)、豐富的學(xué)習(xí)資源，并被世界各地廣泛采用。
不管是 Stack Overflow 開(kāi)發(fā)者調(diào)查，還是 State of JS 調(diào)查，在前端 JavaScript 框架榜單中，React 始終名列前茅，一直是最受歡迎的前端 JavaScript 框架。Airbnb、Facebook、Instagram、Netflix、Twitter、WhatsApp 等全球最大的公司和品牌都使用 React 構(gòu)建。如果認(rèn)為 React.js 可以說(shuō)是最好的 JavaScript 框架，那這一說(shuō)法不會(huì)有錯(cuò)。
2. Vue.js
Vue.js 是一種輕量級(jí)、開(kāi)源的 JavaScript 框架，用最小的努力來(lái)構(gòu)建創(chuàng)造性的用戶(hù)界面和高性能單頁(yè) Web 應(yīng)用。
Evan Yu 在 2014 年首次發(fā)布了 Vue，他是一名谷歌開(kāi)發(fā)者，從 Angular 中獲得了靈感，以 Vue.js 的形式提供了一個(gè)簡(jiǎn)單、輕量級(jí)、高效的替代方案。Vue 從 React 和 Angular 獲得了許多特性，但是這些特性已經(jīng)得到了大幅改進(jìn)，從而提供了一個(gè)更好、更易用、更安全的框架。Vue 就是這種方法的最佳例子，它提供了 Angular 所見(jiàn)的雙向數(shù)據(jù)綁定，以及 React 所見(jiàn)的“虛擬 DOM”。
同樣，Vue 也非常靈活，使其能夠像 Angular 那樣作為一個(gè)完整的端到端框架，也可以像 React 那樣作為一個(gè)有狀態(tài)的視圖層。所以，Vue 的主要優(yōu)勢(shì)在于它的漸進(jìn)式性質(zhì)，它更簡(jiǎn)單，更容易上手，并且不會(huì)做太多限制來(lái)滿足開(kāi)發(fā)者的需求。Vue 在過(guò)去兩年中迅速流行起來(lái)，取代了 Angular 和 React 復(fù)雜的統(tǒng)治地位，成為最好的 JavaScript 框架。有些全球最大的公司，比如 Adobe、蘋(píng)果、寶馬、路易威登和任天堂都采用了 Vue。
3. Angular
Angular.js 在 2021 年最佳 JavaScript 框架榜單的前端類(lèi)中名列第三，它是谷歌開(kāi)源、基于腳本的框架，用于創(chuàng)建單頁(yè) Web 應(yīng)用的客戶(hù)端。Angular 是由谷歌工程師 Misko Hevery 和 Adam Abrons 在 2010 年創(chuàng)建的，名為 AngularJS（或 Angular 1）。AngularJS 曾廣為人知，也曾最受歡迎，但 React 的出現(xiàn)暴露了它嚴(yán)重的缺陷，后來(lái)被人們遺忘了。因此，在 2016 年，AngularJS 完全從零開(kāi)始重寫(xiě)，并更名為 Angular 2（或簡(jiǎn)稱(chēng) Angular）。
AngularJS（Angular 1）的靈感來(lái)自 React。它們有了很大的變化，最重要的變化就是從 MVW（Model-View-Whatever）架構(gòu)轉(zhuǎn)變?yōu)轭?lèi)似 React 的面向組件的架構(gòu)。如今，Angular 已經(jīng)成為構(gòu)建企業(yè)應(yīng)用最安全的 JavaScript 框架典范；超過(guò) 100 萬(wàn)的網(wǎng)站都在使用 Angular，包括谷歌、福布斯、IBM 和微軟。
4. Emberjs
在 2021 年最佳 JavaScript 框架榜單中，前端類(lèi)的第四名是 Ember.js。它是一個(gè)開(kāi)源的 JavaScript 框架。Ember 不像我們提到的其他框架，它使用的是 MVVM（Model-View-ViewModel）架構(gòu)。
Ember 最初是一個(gè) SproutCore 2.0 框架，被 Yehuda Katz 重新命名為 Ember.js，他是一名資深開(kāi)發(fā)者，被認(rèn)為是 jQuery 的主要?jiǎng)?chuàng)造者之一。Ember 最流行、最基本的功能就是 Ember 命令行界面，其自身功能非常強(qiáng)大，是一個(gè)強(qiáng)大的生產(chǎn)力工具。
與 React、Vue 和 Svelte 相比，Ember 是較早的 JavaScript 框架之一，但它在微軟、領(lǐng)英、Netflix 和 Twitch 等大公司仍然有巨大的用戶(hù)基礎(chǔ)。它的客戶(hù)群里有很多用戶(hù)。像 Backbone 和 Polymer 這樣的老朋友已經(jīng)消失了，但 Amber 仍能在一個(gè)充滿激情的社區(qū)中，繼續(xù)堅(jiān)守下去。
5. Preact.js
在我們的 2021 年最佳 JavaScript 框架榜單中，Preact.js 在前端類(lèi)排名第五。它是 React 的輕量級(jí)、快速且功能強(qiáng)大的替代方案（它并非一個(gè)完整的框架）。谷歌高級(jí)開(kāi)發(fā)項(xiàng)目工程師 Jason Miller 創(chuàng)建了 Preact，并被一些開(kāi)發(fā)者用作 React 的子集，同時(shí)還刪除了部分特性。
Preact.js 的基本原則與 React 相同，是一種使用虛擬 DOM 的基于組件的方法，同時(shí)與 React 完全兼容。
你還可以使用 React 包，而不會(huì)影響速度、性能和精簡(jiǎn)。如果你不需要 React 的全部潛力，大多數(shù)開(kāi)發(fā)者將在開(kāi)發(fā)過(guò)程中使用 Preact，甚至在生產(chǎn)中切換到 Preact。使用 Preact 的大公司有很多，包括騰訊、Uber 和 Lyft。
總結(jié)
本文這個(gè)榜單所列的這些框架，遠(yuǎn)遠(yuǎn)不是 JavaScript 前端開(kāi)發(fā)所需的全部框架，但是它們構(gòu)成了當(dāng)前所使用的此類(lèi)框架的主體。隨著 JavaScript 功能（通過(guò) ECMAscript 過(guò)程）的不斷發(fā)展，框架功能向內(nèi)核遷移的可能性也在增加。
作者介紹：
Olivia Cuthbert，印度人，技術(shù)作家，數(shù)字營(yíng)銷(xiāo)人員。供職于 Pixel Crayons，內(nèi)容主管。對(duì)數(shù)據(jù)科學(xué)、機(jī)器學(xué)習(xí)、數(shù)據(jù)可視化、知識(shí)圖譜、數(shù)據(jù)庫(kù)等有著濃厚的興趣。
原文鏈接：
https://www.datasciencecentral.com/profiles/blogs/best-javascript-frameworks-for-2021
聯(lián)系客服
