作者：Patricia Neil翻譯：瘋狂的技術宅
原文：https://towardsdatascience.co...
未經允許嚴禁轉載
Javascript 框架以及 HTML 和 CSS 已成爲每個現代軟件項目前端開發的重要組成部分。 2020 年將會是爲你的 Web 項目選擇正確的 javascript 框架的又一個年頭。
如果你正在閱讀本文，相信你對下一個程序的技術棧感到困惑。確定它並不容易，本文旨在解決每個開發者的這種困境。與選擇技術棧相關的一些常見問題是：
- React 或 Vue：哪個更適合我的下一個 Web 發項目？
- React 和 Vue 哪個可以提供更好的性能？
- 在開發人員中最受歡迎的 JavaScript 技術是哪一個？
- React 和 Vue 中一個更適合小型 Web 程序？
- 哪個更可靠？
在看完這些問題的答案後，你將能爲自己的項目選擇一種完美的 Javascript 技術。讓我們根據各種參數對 React 與 Vue 進行比較，以揭示這些工具在 2020 年的現實情況。
人氣
Javascript 推出新框架和庫的速度非常快。實際上，這是一件持續的事情，並且每隔幾個月，這些 javascript 技術就會在人氣排行榜中交換位置。
讓我們看一下 2019 年的最新統計數據，來了解 React 和 Vue 中哪個是更受歡迎的。
#1： Google 趨勢：搜索折線圖描述了 Google 中 Vue 和 React 的搜索趨勢。與 Vue.js 相比，React 遙遙領先。
2：Stack Overflow 調查：在最受歡迎的框架中，React 排名第一。但是 vue.js 也顯示了非凡的成功。自 2014 年推出以來，它已成爲開發人員在較短時間內的熱門選擇。
背景知識
讓我們快速瞭解一下這些 JavaScript 技術的背景知識。
Vue.JS： Google 前工程師尤雨溪於 2014 年創建了這個框架。但是它沒有得到著名的頂級組織的支持。 截至撰稿時的最新版本是 2.6.10，於 2019 年 3 月 20 日發佈。
它是 javascript 家族中最年輕的成員，僅僅推出五年。 阿里巴巴和 Gitlab 正從該框架中受益。 Vue 被認爲是一些成功的 javascript 技術功能的結合。
React：與 Vue 不同，這個 JavaScript 庫是由 Facebook 創建的。最初是爲了 Facebook 廣告流量管理創建的。那時 Facebook 遇到了維護和編碼方面的問題。
它以動態創建和交互式 UI 的能力而聞名。 最新版本是16.8.6，於 2019 年 5 月 6 日發佈。使用 React 編寫代碼的一些熱門公司是 BBC，Instagram，WhatsApp和清單實際上很長！
React VS Vue: 性能
Web 程序的修改反映在其用戶界面和被稱爲 DOM 的事物中。可以是 virtual DOM 或 real DOM。 DOM 的種類對任何編程技術的性能都有很大的影響。
React：它有一個輕量級的 virtual DOM，並且不是特定於瀏覽器的。這是 React 與 virtual DOM 一起得到普及的主要原因，它消除了效率低下的問題。
Vue：Vue 也使用了虛擬 DOM，但是與 React 相比提供了更快的性能。它還確保了無錯誤的性能。
社區支持
社區支持對每種軟件技術都至關重要。它激勵新用戶致力於特定技術。
React：爲了維持不斷增長的廣告活動流量，Facebook 開發了這個 Javascript 庫。 Facebook 員工致力於爲
React 的功能添加新的和高級的功能。這爲 react 開發人員提供了強大的可靠性。
Vue：它是由 Google 前工程師開發的，但沒有任何頂級公司的支持，這會導致它缺乏可靠性，以及在市場上的推廣。但是 Vue 意外的獲得了開發人員的歡迎和支持，使它克服這一障礙。 Vue 自己創建了社區支持。
框架大小
React 小比 Vue.js 略大。 React 大約爲 100 KB，Vue 的爲 80 KB。框架和庫的大小可能會對軟件開發項目產生重大影響。
React 需要某些其他庫的支持，其中一是路由。它的小尺寸非常適合輕量級應用。 Vue 的會甚至更小，使其更適合輕量級應用。
用例
在選擇正確的編程技術之前，對於開發者來說，研究使用不同技術棧的公司類型至關重要。長期以來，Javascript 已成爲軟件開發服務不可思議的一部分。
主要歸功於其各種框架和庫的功能。以下是 React 和 Vue 的主要用例：
React:
- Facebook，如前所述，facebook 的廣告系列使用此技術進行管理。
- Twitter，一個以快速提升網絡能力而聞名的社交媒體平臺。
- Instagram，主要支持照片共享的社交平臺
- Whatsapp，一種在全球範圍廣泛使用的消息傳遞程序。
Vue:
- GitLab 支持開發人員能夠形成團隊代碼或複製代碼。
- 9Gag 以共享病毒化傳播的模因和其他趨勢內容而聞名
學習曲線
學習曲線是衡量軟件開發人員應用特定語言、框架或庫的代碼的能力的指標。根據統計數據，在這兩種編程技術之間，Vue 對 Web 開發人員更友好。
在 Stateofjs 的調查研究中，對“用過，並將再次使用它”這一選項進行投票，更多的受訪者把選票投給了 React 。除此之外，受訪者還對其他情況提出了意見。
以下是受訪者的迴應：
通過下面的索引瞭解上述條形圖：
Vue 是 Web 開發人員必須嘗試的一個新的框架。它在“聽說過，想學習”這樣選項的分數很高。這確保了在未來幾年中該技術的前途。
靈活性
React：官方的 React 庫中沒有太多內容。在這裏你可以靈活選擇所需的工具。有一些類似 angular 的框架，軟件包中提供了所有內容。
React 路由以及用於辦公管理任務的 Redux 和 MobX 是可以與該技術集成的一些工具。經驗豐富的移動應用開發人員可以受益於這種自由的開發方式，因爲它允許他們創建動態應用程序。
Vue：與 react 不同，在 Vue 的官方網站上爲 vue.js 開發人員提供了一些內容。而且 Vue 服務端渲染技術也支持服務器端開發。僅舉幾例，用於狀態管理的 Vuex 和用於路由的 Vue Router 是可以在自定義軟件開發服務中使用。
結論
基於上述的統計和事實表述的分析，我們可以總結一下關於 React 與 Vue 的一些區別：
- 與 Vue 相比，React 是更爲流行的編程技術。
- React 有 一個頂級公司 facebook支持，但 Vue 沒有。
- React 提供了比 Vue 更大的靈活性。
- Vue 比 React 要小。
本文首發微信公衆號：前端先鋒
歡迎掃描二維碼關注公衆號，每天都給你推送新鮮的前端技術文章
歡迎繼續閱讀本專欄其它高贊文章：
- 深入理解Shadow DOM v1
- 一步步教你用 WebVR 實現虛擬現實遊戲
- 13個幫你提高開發效率的現代CSS框架
- 快速上手BootstrapVue
- JavaScript引擎是如何工作的？從調用棧到Promise你需要知道的一切
- WebSocket實戰：在 Node 和 React 之間進行實時通信
- 關於 Git 的 20 個面試題
- 深入解析 Node.js 的 console.log
- Node.js 究竟是什麼？
- 30分鐘用Node.js構建一個API服務器
- Javascript的對象拷貝
- 程序員30歲前月薪達不到30K，該何去何從
- 14個最好的 JavaScript 數據可視化庫
- 8 個給前端的頂級 VS Code 擴展插件
- Node.js 多線程完全指南
- 把HTML轉成PDF的4個方案及實現