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、鬥魚、知乎、豆瓣、美團外賣H5、房多多、石墨文檔、墨刀、TalkingData、xiaopiu、Teambition、Uber、倍洽、同盾科技、心知天氣、拼多多(APP內嵌H5)、滴滴出行、Sentry、途牛、優酷、京東服飾+生鮮+旅行+賺錢H5、瓜子金融H5、算力矩陣、鏈家H5、阿里雲管理後臺、Coding、CodePen、樹莓派、36氪、Notion、GoDaddy、站酷海洛、Plotly、麥客CRM、特贊營銷日曆、鹿班、網易雲閱讀PC端+網易雲音樂H5、獵聘網、看雲文檔編輯頁、NIKE官網、丁香醫生、去哪兒H5多個模塊、藝龍H5個別模塊、租租車H5、汽車之家車商城、PayPal中國、Pocket、友盟、iH5…

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章