React和Vue對比

主要從如下方面對比：

1. 團隊熟悉程度，學習成本

目前前端小組其實都是大部分在寫業務代碼，都有紮實的javascript基礎和社區基礎，上手兩者的哪一個都沒太大成本區別。對於我的來講，不管轉型深刻哪一個，都是不錯的。因此這一點學習成本上其實沒有太大顧慮，主要在下面幾點的考慮上。

2. 框架自己對比，優缺點

1）react的地位毋容置疑，vue做者都認可：

（尤雨溪原話）（後來Flutter和swiftUI的模仿也證實了React的影響力）

2）react的背後的是專業的facebook團隊，其支持了facebook前端主站億級訪問量和羣衆審美，可爲實地產品落地的標杆。

3）react自己框架的不斷改進，新api hook的推出，整合了生命週期，引導開發者們提升代碼質量和下降維護成本。而vue這方面一直以來都沒多少創新，2版本的底層算法也是模仿的react，即將推出的3版本的Function-based Component目前在社區爭議很大，vue爲了支持ts改動太大。（而react自然支持ts）

4）react性能上的優化能夠作到很好的控制，尤爲和chrome dev tools的配合，作了component和Profiller的分離，Profiller能夠錄製和記錄頁面渲染的過程和數據，對組件渲染時間作了直觀的展現。

5）對ts的支持，vscode插件的支持，tsx智能提示等，無疑react更好。(大猛哥曾誇讚其智能提示的支持)

3.周邊生態

1）facebook官方就出了5000多個react的生態包，遠遠大於Vue。高質量的輪子其實大部分都在國外出生，國外幾乎都選擇的React。（Vue的用戶量幾乎是國人堆起來的，google treanding均可以看到數據）

2）React組件庫業界標杆，螞蟻金服的ant design，認真維護，issue能及時回覆，不斷更新，現象級的UI框架，業界無人不知。反觀Vue的以前開源組件庫標杆餓了麼的ElementUI，現已中止維護，留下了不少bug和坑，誰用誰知道。

3）dva.js，阿里騰訊對中後臺管理系統幾乎用爛的解決方案，集成了antd，基於react，redux的一套工具的整合，養活了國內一大批人。一鍵生成目錄架構，規範的redux數據流管理，集成redux-saga等。

4）可視化框架的封裝，react的不少，bizcharts，react-echarts等,vue封裝的微乎其微。

5）富文本的支持：

生態上React強於Vue毋容置疑。。。

4 一些數據對比

1）國內當前業界大型項目的選型：

React：螞蟻數據可視化、愛彼迎、飛豬、阿里大於、蝦米音樂、口碑開放平臺、貓途鷹、喜馬拉雅FM、鬥魚、知乎、豆瓣、美團外賣H五、房多多、石墨文檔、墨刀、TalkingData、xiaopiu、Teambition、Uber、倍洽、同盾科技、心知天氣、拼多多（APP內嵌H5）、滴滴出行、Sentry、途牛、優酷、京東服飾+生鮮+旅行+賺錢H五、瓜子金融H五、算力矩陣、鏈家H五、阿里雲管理後臺、Coding、CodePen、樹莓派、36氪、Notion、GoDaddy、站酷海洛、Plotly、麥客CRM、特贊營銷日曆、鹿班、網易雲閱讀PC端+網易雲音樂H五、獵聘網、看雲文檔編輯頁、NIKE官網、丁香醫生、去哪兒H5多個模塊、藝龍H5個別模塊、租租車H五、汽車之家車商城、PayPal中國、Pocket、友盟、iH5...

Vue：餓了麼、愛奇藝、中國平安H五、簡書、途虎養車、小紅書、樂視商城、手機搜狐、優酷、土豆、掘金、微博H五、大麥網H五、惟品會H五、小米商城H五、芒果TV移動版、嗶哩嗶哩、又拍雲、七麥數據、OneAPM、阿拉丁小程序統計、網易雲信+手機網易+網易郵箱H5登陸頁、今日頭條+西瓜視頻網頁版、貝店（APP內嵌H5）、大搜車、滴滴開源、高德開放平臺、京東拼購+領券+新人頻道H5+京東雲、瓜子二手車H五、土巴兔、分期樂、BITMAIN、小豬短租H五、IT桔子、創業邦H五、拍拍貸、極客邦科技+極客時間、開源中國、少數派、藍湖、百度指數、微信公衆平臺、大魚號（UC雲觀）、創客貼、兌吧、國美電器H五、聚美優品觸屏版、錢咖、試客小兵、賺客、雪球財經、電玩巴士、Hao123觸屏版、彈個車、攜程H5多個模塊、窮遊網、一加手機...

AngularJS（免費贈送的）：百度腦圖、eolinker、海致BDP、極光、Worktile、錘子科技官網、微信網頁版、iTunes Connect、阿里雲管理後臺、鯨準對接平臺...

（本身做比較把。有幾個特殊的，滴滴整個技術棧爲Vue，由於他們大前端作Vue好久了，內部作開源了不少Vue的生態庫，有Vue的技術積累，不靠社區靠本身；猿輔導整個技術棧爲angular.js，由於重視協做性工程性，人員離職後便於後人接手便於backup。阿里百度都爲React）

2）npm和yarn上的兩者的下載量：

React碾壓性數據上的優點。（固然這個比較「世界」，由於國內開發者通常都用的taobao鏡像。）

5.兼容性問題

目前社區有不少類React前端框架，preact，京東自家的Nerv，react-lite，這些庫能支持大部分react的api，且能兼容到低版本瀏覽器。(社區裏面react類庫比vue多的緣由可參考：連接)

若是要兼容低版本瀏覽器，這些庫就能夠做爲替代方案。（官方的react和vue早就再也不支持IE8）

總結

在大多數PC Web上的大型複雜項目，React比Vue強幾乎沒啥爭議。