當開始一個新的web開發項目時，許多開發人員都有一個問題:“什麼工具是最合适的?”
顯然，JavaScript是骨幹，因為今天它提供了建立前端的廣泛功能。但是人們在選擇架構時面臨着兩難，因為JS中有很多架構，而且每個架構都有突出的特性。
通常，争論都是基于三個架構——Angular。js,反應。js和Vue.js。是以現在，我們将考慮它們的優缺點以及它們在開發者中的受歡迎程度。
開發人員的選擇
Stackoverflow
首先，我們分析了主題調查，即JavaScript和Stackoverflow的狀态。他們每年提供關于各種架構的流行程度和發展狀況的最準确的資訊。
Most popular web frameworks. Source of the image
盡管Vue.js發展迅速,該架構在評級中僅排名第七(在所有受訪者和專業人士中)。React.js和Angular.js分别位居第二和第三。
值得注意的是，從總體結果來看，React.js趕上了第二的位置，而專業開發人員分别把angle .js放在了第二的位置。
Most loved frameworks. Source of the image
然而，開發人員喜歡使用React.js和Vue.js,，同時，Angular.js實際上是在清單的最後。React.js恰好是那些以前從未在這些架構的幫助下開發應用程式的人最希望學習的。緊随其後的是Vue.js和Angular.js。
NPMtrends
技術棧或架構的重要開發名額之一是下載下傳的數量。NPM trends提供了每個工具最精确的統計資料，不僅包括下載下傳數量，還包括Github的資料。
Downloads of Angular.js, React.js, and Vue.js. Source of the image
如您所見，React.js在這方面遠遠領先于它的競争對手。與2018年相比，Angular.js的下載下傳量減少了很多。從2019年年中開始，這一數字仍未突破100萬大關。Vue.js的勢頭正在逐漸增強。具體來說，在2019年初，這個數字不超過500 thous。現在這個名額一直都在超過100萬。
Frameworks rating on Github. Source of the image
這些名額反映了Stackoverflow的調查結果。Vue。js和反應。js的評分顯著高于Angular.js。這就是下載下傳的巨大差異的原因。
JavaScript的狀态
這份年度報告是JavaScript和所有相關工具最重要的開發名額。
Frameworks rankings according to State of JavaScript 2019. Source of the image
開發人員主要滿足于react.js和vue.js的工作過程。Angular.js隻有38%滿足了他們的需求。同樣，隻有23%的開發人員對Angular有特殊的興趣。與此同時，Vue.js和React.js的該名額分别為64%和61%。
Opinions on frameworks. Source of the image
關于架構的結果是相似的。大多數受訪者要麼對Angular.js不感興趣，要麼以前用過，但不想再用它工作了。React.js非常流行，大多數被調查者繼續使用這個架構來解決他們的任務。
Stats of frameworks usage by company size. Source of the image
值得注意的是，相對較小的公司更喜歡React.js和Vue。而主要的開發人員(超過100名和1000名員工)更可能使用Angular.js。盡管如此，這些名額大緻相等。
優點，缺點，特殊方面
現在讓我們分别考慮每個架構:
- 在什麼情況下，選擇是不明顯的?
- 為什麼開發者更喜歡React.js?
- 使用每個架構時會遇到什麼問題?
為什麼React.js ?
React.js已經連續三年蟬聯所有收視率第一。一些開發人員對這個架構毫無怨言，因為它發展迅速，而且越來越可持續。
React.js is the most used tool of JavaScript. Source of the image
事實上，值得注意的是，React.js不是一個架構，而是一個庫。但是它具有廣泛的功能，是以可以經常使用該工具，而不需要進行額外的內建。前端的效果不會是以而降低。
React.js是Facebook在2013年釋出的，其目的是将使用者界面劃分為一組元件，以簡化開發過程。
React.js是一個非常飽和的架構。在大多數情況下，開發人員對它隻會說些恭維的話。
然而，Facebook最近釋出了太多的更新，這使得一些工具過時了。許多開發人員喜歡這個過程。但在大多數情況下，社群抱怨這是因為他們必須不斷掌握新技術。
值得注意的是，React.js專家在當今美國是最受歡迎的。2020年5月est. LinkedIn上活躍的query response .js有超過30000個職位空缺，實際上有4000個。
React.js受歡迎的一個關鍵原因是有信譽的公司Facebook的支援。Instagram、Whatsapp和Twitter等服務目前都在這個架構的基礎上工作。他們都是非常快，有一個迷人的外表。這確定了對React.js的高度信任。
盡管有多個好處，隻有少數情況下，當這個架構将是最合适的:
- 快速開發小型企業級應用;
- 建立SPA或跨平台應用程式;
- 擴充現有應用程式的功能。
這并不意味着React.js在其他情況下是壞的。這更像是選擇性選擇會更可取。
為什麼Vue.js ?
Vue.js是近年來的一個發現。它突然從一個普通的架構變成了一個最受專業人士喜愛的架構。
The popularity of Vue.js over time. Source of the image
值得注意的是，它的普及是在沒有大公司支援的情況下發展起來的。市場巨頭們隻是在Vue.js暴漲之後才開始關注它。這就是為什麼它成為了React.js和angle .js長期對立的第三個架構。
Vue.js因為擁有大量的特殊方面而脫穎而出。有些甚至會出現缺點，例如，vue.js非常靈活。然而，在一個大團隊中從事一個大項目的情況下，它可能會引發大量的錯誤。
在Vue.js開始展示其獨特的特性後，許多市場巨頭如Gitlab, WizzAir, EuroNews都關注了它。Grammarly完全是在Vue的基礎上建立的，阿裡巴巴和小米在2018年宣布完全過渡到Vue.js。
此外，這種架構在今天的亞洲市場需求很大。是以，更多的讨論和使用技巧都是中文的。你不懂那門語言?你必須把自己限制在用英語寫文檔和推薦。
盡管這個架構突然流行起來，但對開發人員的需求并沒有增加到同樣的程度。具體來說，LinkedIn上的Vue.js查詢隻有8000個職位空缺，實際上大約有4000個。
在什麼情況下，vuei .js會是更好的選擇?
- 開發“智能”和高性能應用程式;
- app的早期進入市場;
- 建立像Grammarly這樣的小型輕量級應用程式。
為什麼Angular.js ?
Angular.js 一直是開發使用者界面的最佳選擇。是以它成為了流行的stack MEAN的一部分。
Interest in Angular.js over time. Source of the image
盡管如此，在過去的幾年裡，開發人員一直在抱怨這個架構與競争對手相比存在不足。是以，許多公司逐漸放棄使用Angular.js。
在很大程度上，由于新的web開發趨勢的出現，這種架構失去了它的流行。Angular.js的團隊沒有在新版本的架構中實作所需的功能。這就是為什麼我們看到Vue.js和React.js在今天變得越來越受歡迎的原因。如果超出了這三種架構的範圍，那麼Angular.js有時就不如其他工具(例如，Svelte)。
然而，Angular.js仍然被用來支援許多流行的網站和web應用程式。它們包括《衛報》、UpWork、PayPal和索尼。他們都是主要的網站，Angular.js證明了自己很好。
最有趣的是對Angular.js專家的需求。盡管受歡迎程度和估計的下降，需求實際上是在同一水準上的反應。js。具體來說，LinkedIn上有30000個職位空缺，Indeed上有超過5000個。
在什麼情況下需要注意Angular.js?
- 建立大規模應用程式;
- 需要非常可伸縮的架構;
- 建立信使和其他應用程式«實時»;
- 使用TypeScript編寫代碼。
結論
根據統計資料、調查結果和各種報告，我們可以得出結論，2021年的最佳選擇是React.js。第二名是Vue.js和Angular.js以較大的優勢位居第三。
但是如果你從統計資料中抽象化，隻考慮上下文的使用，那麼就目前而言，沒有最好的架構。無論如何，每種架構都有其優點和缺點，同樣，每種架構都有很多的崇拜者和反對者。
選擇權在你。
本文：http://jiagoushi.pro/node/1267
讨論：請加入知識星球【首席架構師圈】或者小号【jiagoushi_pro】或者QQ群【11107777】
| 微信公衆号 | 【首席架構師智庫】 适合物業仔細反複閱讀。 精彩圖文詳解架構方法論，架構實踐，技術原理，技術趨勢。 我們在等你，趕快掃描關注吧。 | |
| 微信小号 | 50000人社群，激烈深度讨論：企業架構，雲計算，大資料，資料科學，物聯網，人工智能，安全，全棧開發，DevOps，數字化. | |
| QQ群 | 深度交流企業架構，業務架構，應用架構，資料架構，技術架構，內建架構，安全架構。以及大資料，雲計算，物聯網，人工智能等各種新興技術。 | |
| 視訊号 | 【首席架構師智庫】 1分鐘快速了解架構相關的基本概念，模型，方法，經驗。 每天1分鐘，架構心中熟。 | |
| 知識星球 | 向大咖提問，近距離接觸，或者獲得私密資料分享。 | 知識星球【首席架構師圈】 |
| 微信圈子 | 志趣相投的同好交流。 | 微信圈子【首席架構師圈】 |
| 喜馬拉雅 | 路上或者車上了解最新黑科技資訊，架構心得。 | 【智能時刻，架構君和你聊黑科技】 |
| 知識星球 | 認識更多朋友，職場和技術閑聊。 | 知識星球【職場和技術】 |
謝謝大家關注，轉發，點贊和在看。