當開始一個新的web開發(fā)項目時，許多開發(fā)人員都有一個問題:“什么工具是最合適的?”

顯然，JavaScript是骨干，因為今天它提供了創(chuàng)建前端的廣泛功能。但是人們在選擇框架時面臨著兩難，因為JS中有很多框架，而且每個框架都有突出的特性。

通常，爭論都是基于三個框架——Angular。js,反應。js和Vue.js。所以現(xiàn)在，我們將考慮它們的優(yōu)缺點以及它們在開發(fā)者中的受歡迎程度。

開發(fā)人員的選擇

Stackoverflow

首先，我們分析了主題調(diào)查，即JavaScript和Stackoverflow的狀態(tài)。他們每年提供關于各種框架的流行程度和發(fā)展狀況的最準確的信息。

Most popular web frameworks. Source of the image

盡管Vue.js發(fā)展迅速,該框架在評級中僅排名第七(在所有受訪者和專業(yè)人士中)。React.js和Angular.js分別位居第二和第三。

值得注意的是，從總體結果來看，React.js趕上了第二的位置，而專業(yè)開發(fā)人員分別把angle .js放在了第二的位置。

Most loved frameworks. Source of the image

然而，開發(fā)人員喜歡使用React.js和Vue.js,，同時，Angular.js實際上是在列表的最后。React.js恰好是那些以前從未在這些框架的幫助下開發(fā)應用程序的人最希望學習的。緊隨其后的是Vue.js和Angular.js。

NPMtrends

技術棧或框架的重要開發(fā)指標之一是下載的數(shù)量。NPM trends提供了每個工具最精確的統(tǒng)計數(shù)據(jù)，不僅包括下載數(shù)量，還包括Github的數(shù)據(jù)。

Downloads of Angular.js, React.js, and Vue.js. Source of the image

如您所見，React.js在這方面遠遠領先于它的競爭對手。與2018年相比，Angular.js的下載量減少了很多。從2019年年中開始，這一數(shù)字仍未突破100萬大關。Vue.js的勢頭正在逐漸增強。具體來說，在2019年初，這個數(shù)字不超過500 thous?，F(xiàn)在這個指標一直都在超過100萬。

Frameworks rating on Github. Source of the image

這些指標反映了Stackoverflow的調(diào)查結果。Vue。js和反應。js的評分顯著高于Angular.js。這就是下載的巨大差異的原因。

JavaScript的狀態(tài)

這份年度報告是JavaScript和所有相關工具最重要的開發(fā)指標。

Frameworks rankings according to State of JavaScript 2019. Source of the image

開發(fā)人員主要滿足于react.js和vue.js的工作過程。Angular.js只有38%滿足了他們的需求。同樣，只有23%的開發(fā)人員對Angular有特殊的興趣。與此同時，Vue.js和React.js的該指標分別為64%和61%。

Opinions on frameworks. Source of the image

關于框架的結果是相似的。大多數(shù)受訪者要么對Angular.js不感興趣，要么以前用過，但不想再用它工作了。React.js非常流行，大多數(shù)被調(diào)查者繼續(xù)使用這個框架來解決他們的任務。

Stats of frameworks usage by company size. Source of the image

值得注意的是，相對較小的公司更喜歡React.js和Vue。而主要的開發(fā)人員(超過100名和1000名員工)更可能使用Angular.js。盡管如此，這些指標大致相等。

優(yōu)點，缺點，特殊方面

現(xiàn)在讓我們分別考慮每個框架:

• 在什么情況下，選擇是不明顯的?

• 為什么開發(fā)者更喜歡React.js?

• 使用每個框架時會遇到什么問題?

為什么React.js ?

React.js已經(jīng)連續(xù)三年蟬聯(lián)所有收視率第一。一些開發(fā)人員對這個框架毫無怨言，因為它發(fā)展迅速，而且越來越可持續(xù)。

React.js is the most used tool of JavaScript. Source of the image

事實上，值得注意的是，React.js不是一個框架，而是一個庫。但是它具有廣泛的功能，因此可以經(jīng)常使用該工具，而不需要進行額外的集成。前端的效果不會因此而降低。

React.js是Facebook在2013年發(fā)布的，其目的是將用戶界面劃分為一組組件，以簡化開發(fā)過程。

React.js是一個非常飽和的框架。在大多數(shù)情況下，開發(fā)人員對它只會說些恭維的話。

然而，F(xiàn)acebook最近發(fā)布了太多的更新，這使得一些工具過時了。許多開發(fā)人員喜歡這個過程。但在大多數(shù)情況下，社區(qū)抱怨這是因為他們必須不斷掌握新技術。

值得注意的是，React.js專家在當今美國是最受歡迎的。2020年5月est. LinkedIn上活躍的query response .js有超過30000個職位空缺，實際上有4000個。

React.js受歡迎的一個關鍵原因是有信譽的公司Facebook的支持。Instagram、Whatsapp和Twitter等服務目前都在這個框架的基礎上工作。他們都是非?？欤幸粋€迷人的外表。這確保了對React.js的高度信任。

盡管有多個好處，只有少數(shù)情況下，當這個框架將是最合適的:

• 快速開發(fā)小型企業(yè)級應用;

• 創(chuàng)建SPA或跨平臺應用程序;

• 擴展現(xiàn)有應用程序的功能。

這并不意味著React.js在其他情況下是壞的。這更像是選擇性選擇會更可取。

為什么Vue.js ?

Vue.js是近年來的一個發(fā)現(xiàn)。它突然從一個普通的框架變成了一個最受專業(yè)人士喜愛的框架。

The popularity of Vue.js over time. Source of the image

值得注意的是，它的普及是在沒有大公司支持的情況下發(fā)展起來的。市場巨頭們只是在Vue.js暴漲之后才開始關注它。這就是為什么它成為了React.js和angle .js長期對立的第三個框架。

Vue.js因為擁有大量的特殊方面而脫穎而出。有些甚至會出現(xiàn)缺點，例如，vue.js非常靈活。然而，在一個大團隊中從事一個大項目的情況下，它可能會引發(fā)大量的錯誤。

在Vue.js開始展示其獨特的特性后，許多市場巨頭如Gitlab, WizzAir, EuroNews都關注了它。Grammarly完全是在Vue的基礎上創(chuàng)建的，阿里巴巴和小米在2018年宣布完全過渡到Vue.js。

此外，這種框架在今天的亞洲市場需求很大。因此，更多的討論和使用技巧都是中文的。你不懂那門語言?你必須把自己限制在用英語寫文檔和推薦。

盡管這個框架突然流行起來，但對開發(fā)人員的需求并沒有增加到同樣的程度。具體來說，LinkedIn上的Vue.js查詢只有8000個職位空缺，實際上大約有4000個。

在什么情況下，vuei .js會是更好的選擇?

• 開發(fā)“智能”和高性能應用程序;

• app的早期進入市場;

• 創(chuàng)建像Grammarly這樣的小型輕量級應用程序。

為什么Angular.js ?

Angular.js 一直是開發(fā)用戶界面的最佳選擇。所以它成為了流行的stack MEAN的一部分。

Interest in Angular.js over time. Source of the image

盡管如此，在過去的幾年里，開發(fā)人員一直在抱怨這個框架與競爭對手相比存在不足。因此，許多公司逐漸放棄使用Angular.js。

在很大程度上，由于新的web開發(fā)趨勢的出現(xiàn)，這種框架失去了它的流行。Angular.js的團隊沒有在新版本的框架中實現(xiàn)所需的功能。這就是為什么我們看到Vue.js和React.js在今天變得越來越受歡迎的原因。如果超出了這三種框架的范圍，那么Angular.js有時就不如其他工具(例如，Svelte)。

然而，Angular.js仍然被用來支持許多流行的網(wǎng)站和web應用程序。它們包括《衛(wèi)報》、UpWork、PayPal和索尼。他們都是主要的網(wǎng)站，Angular.js證明了自己很好。

最有趣的是對Angular.js專家的需求。盡管受歡迎程度和估計的下降，需求實際上是在同一水平上的反應。js。具體來說，LinkedIn上有30000個職位空缺，Indeed上有超過5000個。

在什么情況下需要注意Angular.js?

• 創(chuàng)建大規(guī)模應用程序;

• 需要非?？缮炜s的架構;

• 創(chuàng)建信使和其他應用程序?實時?;

• 使用TypeScript編寫代碼。

結論

根據(jù)統(tǒng)計數(shù)據(jù)、調(diào)查結果和各種報告，我們可以得出結論，2021年的最佳選擇是React.js。第二名是Vue.js和Angular.js以較大的優(yōu)勢位居第三。

但是如果你從統(tǒng)計數(shù)據(jù)中抽象化，只考慮上下文的使用，那么就目前而言，沒有最好的框架。無論如何，每種框架都有其優(yōu)點和缺點，同樣，每種框架都有很多的崇拜者和反對者。

選擇權在你。

本文 :https://architect.pub/angular-vs-react-vs-vue-which-best-choice-2021
討論：知識星球【首席架構師圈】或者加微信小號【ca_cto】或者加QQ群【792862318】
公眾號	【jiagoushipro】 【超級架構師】 精彩圖文詳解架構方法論，架構實踐，技術原理，技術趨勢。 我們在等你，趕快掃描關注吧。
微信小號	【ca_cea】 50000人社區(qū)，討論：企業(yè)架構，云計算，大數(shù)據(jù)，數(shù)據(jù)科學，物聯(lián)網(wǎng)，人工智能，安全，全棧開發(fā)，DevOps，數(shù)字化.
QQ群	【285069459】深度交流企業(yè)架構，業(yè)務架構，應用架構，數(shù)據(jù)架構，技術架構，集成架構，安全架構。以及大數(shù)據(jù)，云計算，物聯(lián)網(wǎng)，人工智能等各種新興技術。 加QQ群，有珍貴的報告和干貨資料分享。
視頻號	【超級架構師】 1分鐘快速了解架構相關的基本概念，模型，方法，經(jīng)驗。 每天1分鐘，架構心中熟。
知識星球	【首席架構師圈】向大咖提問，近距離接觸，或者獲得私密資料分享。
喜馬拉雅	【超級架構師】路上或者車上了解最新黑科技資訊，架構心得。	【智能時刻，架構君和你聊黑科技】
知識星球	認識更多朋友，職場和技術閑聊。	知識星球【職場和技術】
領英	Harry	https://www.linkedin.com/in/architect-harry/
領英群組	Enterprise Architect?	https://www.linkedin.com/groups/14209750/
微博??	【超級架構師】	智能時刻?
嗶哩嗶哩	【超級架構師】
抖音	【cea_cio】超級架構師
快手	【cea_cio_cto】超級架構師
小紅書	【cea_csa_cto】超級架構師
網(wǎng)站	CIO(首席信息官)	https://cio.ceo
網(wǎng)站	CIO,CTO和CDO	https://cioctocdo.com
網(wǎng)站	架構師實戰(zhàn)分享	https://architect.pub? ?
網(wǎng)站	程序員云開發(fā)分享	https://pgmr.cloud
網(wǎng)站	首席架構師社區(qū)	https://jiagoushi.pro
網(wǎng)站	應用開發(fā)和開發(fā)平臺	https://apaas.dev
網(wǎng)站	開發(fā)信息網(wǎng)	https://xinxi.dev
網(wǎng)站	超級架構師	https://jiagou.dev
網(wǎng)站	企業(yè)技術培訓	https://peixun.dev
網(wǎng)站	程序員寶典	https://pgmr.pub? ??
網(wǎng)站	開發(fā)者閑談	https://blog.developer.chat
網(wǎng)站	CPO寶典	https://cpo.work
網(wǎng)站	首席安全官	https://cso.pub?????
網(wǎng)站	CIO酷	https://cio.cool
網(wǎng)站	CDO信息	https://cdo.fyi
網(wǎng)站	CXO信息	https://cxo.pub

謝謝大家關注，轉發(fā)，點贊和點在看。文章來源地址http://www.zghlxwxcb.cn/news/detail-586541.html