昨天我學前端的表弟突然問我：哥，我可不可以不學React啊?我感覺Vue夠用了!

　　我**上去就是一B兜，還想不想好好干了?不想好好干前端，你就直說，還想放棄React，人家都是擔心劍未佩妥，轉身已是江湖。你倒好，劍都不帶，直接殺上梁山!怎么?明知山有虎，偏向虎山行!那你也得看看自己叫不叫武松啊?大郎!是不是又該吃藥啦?

　　老弟，哥今年搞前端第9個年頭，馬上“前端九年義務教育”就要畢業，負責任的告訴你，react那可是前端賺大錢的標配。今天我就給你念叨念叨，為什么前端不能放棄React?

　　1、 從市場流行度來看

　　React是企業項目開發流行框架之一，不學React，等于自斷一臂。現在市場上也就兩個流行框架：一個Vue，一個React。其他的我們先不討論。你上來先放棄一半，半壁江山。直接損失一個“汪峰”，難怪你上不了頭條。之后我們全方位慢慢詳細說······

　　2、從大廠技術選型來看

　　React 是大廠的選擇，也是我們進大廠的選擇。

　　根據各公司招聘信息，梳理的60家公司項目開發，前端技術棧的框架使用情況。其中包括大、中、小廠的信息。從這些數據來看：

　　1、Vue 和 React市場占有率大約各占 50%;

　　2、一線大廠應用React居多,中小公司vue居多。

　　你能想的出名字的大廠他們都在用React，阿里， 美團，騰訊，網易，百度，新東方，聯想，新浪，滴滴，快手，嗶哩嗶哩，小米，美圖，攜程，這些大佬們都在用React，而且React的占比還不在少數!你告訴我你憑什么說要放棄學React?不想進大廠?不想拿高薪?誰跟錢過不去?如果過不去，那就是不夠多!

　　3、從薪資水平來看

　　我們不說那些虛的，直接就是看一波薪資：

　　北京 React 前端工程師工資收入：

　　北京 Vue 前端工程師工資收入：

　　通過查詢的結果看，在北京，React 崗位的薪資是 Vue 崗位薪資的2倍，大家可以通過自己搜索來查詢其他的城市情況。基本的情況是差不多的，這和 React 人才市場缺乏有很大的關系。

　　沒有一分錢的工資是白給的, 不學習 React 工資起點就低了。學了React工資直接翻一番!你自己看著辦!

　　4、從技術背景來看

　　再說人家React的出身，React JS (以下簡稱React)基本上是一個由 Facebook 建立和維護的 JavaScript 庫。妥妥的名門之后，穩穩的將相之姿。

　　根據 React 的創建者Jordan Walke 的說法，React是一個高效、聲明性和靈活的開源 JavaScript 庫，用于構建簡單、快速和可擴展的Web應用前端。

　　自推出以來，它已經在前端開發領域掀起了一場風暴。跟迪迦一個級別(新的風暴已經出現，怎么能夠停滯不前)。

　　Stack Overflow 的最新調查也顯示，React是最受喜愛的網絡框架，而 Angular 在同一列表中排名第 9。

　　今天，有超過22萬個網站使用React。不僅如此，像上面所調查的，阿里、快手、騰訊、字節、小米、網易、滴滴等，蘋果、Netflix、Paypal等行業巨頭也已經開始在其項目中使用 React。

　　5、從技術本身來看

　　說完出身，我們還得看看React這孩子本身的資質怎么樣!

　　既然有這么多大廠選擇了React，那他肯定有無可比擬的優越性，來看。

　　5.1、React 用于前端開發的主要優點

　　讓我們看看 React 的主要優點，了解它為什么從其他前端開發框架中脫穎而出。

　　(1)速度

　　React 基本上允許開發者在客戶端和服務器端，利用其應用程序的各個部分，這最終提高了[開發過程](about:blank)的速度。

　　簡單地說，不同的開發者可以編寫單獨的部分，所有的改變都不會導致應用程序的邏輯。

　　(2)靈活性

　　與其他前端框架相比，React 代碼更容易維護，并且由于其模塊化結構而具有靈活性。這種靈活性反過來又為企業節省了大量的時間和成本。

　　(3)性能

　　React 在設計時就考慮到了提供高性能。該框架的核心提供了一個虛擬 DOM 程序和服務器端渲染，這使得復雜的應用程序運行得非常快。

　　擴展閱讀：[優化ReactJS性能的頂級技巧](https://www.peerbits.com/blog/top-performance-optimization-tips-for-react.html)

　　(4)可用性

　　如果你有一些基本的 JavaScript 知識，使用React是相當容易的。事實上，一個專業的 JavaScript 開發人員可以在三周內輕松地學會 React 框架的所有內涵和外延。

　　(5)可重用的組件

　　使用React 的主要好處之一是它有可能重復使用組件。這為開發人員節省了時間，因為他們不必為相同的功能編寫各種代碼。此外，如果在任何特定的部分做出任何改變，都不會影響應用程序的其他部分。

　　同時，如果你認為React只適用于網頁開發，那你就大錯特錯了! Facebook很早就已經升級了該框架，推出了 React Native，用于開發 Android 和 iOS 平臺的移動原生應用程序。

　　5.2、React 可以成為企業項目開發最佳選擇的16個原因

　　(1)它很容易學習

　　React，與其他流行的前端框架如Angular 和 Vue 相比，更容易學習。

　　事實上，這也是 React 在短時間內獲得如此大的吸引力的主要原因之一。它幫助企業快速建立他們的項目。

　　你看，學習某項技術或框架越難，開始開發過程所需的時間就越長。由于 React 是一個簡單的框架，容易學習和開始，企業和大廠更傾向于使用它。

　　(2)它有助于建立豐富的用戶界面

　　今天，一個應用程序的用戶界面的質量起著重要的作用。如果用戶界面設計得不好，那么它就會降低一個應用程序成功的機會。因此，建立豐富的用戶界面對于一個應用程序的生存和發展是必要的。

　　好消息是，React允許通過它的聲明式組件來構建這種高質量的、豐富的用戶界面。

　　(3)它允許編寫自定義組件

　　React 自帶 JSX，一個可選的語法擴展，這使得編寫我們自己的組件成為可能。

　　這些組件基本上接受 HTML 引用，也使所有子組件的渲染成為開發者的愉快體驗。

　　雖然關于JSX的問題有很多爭論，但它已經可以用于編寫自定義組件，構建大批量的應用程序，并將HTML虛擬結構圖轉換為 ReactElement 樹。

　　(4)它提高了開發者的生產力

　　當一個應用程序具有復雜的邏輯，并且一個組件的單一修改會極大地影響其他組件時，頻繁的更新往往會變成頭疼。為了解決這個問題，Facebook 通過組件重用性功能擴充了 React。

　　React 中的組件重用性，允許開發者重新部署相同的組件對象。

　　這種方法提供了更好的代碼維護和增長，因為React中的每個組件都有自己的內部邏輯，這很容易操作，因此，提高了應用開發的生產力。

　　(5)它提供快速渲染

　　當你建立一個復雜的、高負荷的應用程序時，在一開始就定義應用程序的架構是必須的，因為它可以影響你的應用程序的性能。

　　簡單地說，DOM模型是樹狀結構的。因此，在較高層次上的一個小修改會嚴重影響應用程序的用戶界面。為了解決這個問題，Facebook 推出了一個虛擬 DOM 功能。

　　虛擬DOM，顧名思義，是DOM的虛擬表示，允許首先測試對虛擬DOM的所有修改，以計算每次修改的風險。

　　因此，這種方法有助于保持應用程序的高性能，并保證有更好的用戶體驗。

　　(6)它對搜索引擎友好

　　對于任何在線業務，搜索引擎優化是成功的途徑。

　　一般情況下，頁面加載時間越短，渲染速度越快，應用程序在百度等搜索引擎上的排名就越高。

　　由于渲染速度快，React與其他框架相比，大大減少了頁面加載時間，這大大有助于企業在百度搜索引擎結果頁上獲得第一排名。

　　擴展閱讀：如何使用ReactJS構建快速和SEO友好的網絡應用程序

　　(7)它配備了有用的開發者工具集

　　學習新興技術，并在實際項目中使用它們既有趣又有益，但前提是要正確使用它們。

　　Facebook 明白這一點，正是因為這個原因，他們在 React 框架中增加了 React開發工具 和 Chrome開發工具。

　　這些React工具可以幫助開發者發現子組件和父組件，觀察組件的層次結構，并檢查組件的當前狀態。

　　(8)強大的社區支持

　　像 Angular 一樣，React 也有非常強大的社區支持，這是在我們的項目中采用 React 的主要原因之一。

　　每天都有大量的 React 開發者，為使 React 成為更好的前端框架而貢獻力量。目前，React 在 Github上已經獲得了 200K 顆星，有 1,583 個固定貢獻者。

　　不僅如此，專家們還經常在視頻網站上上傳免費的 React 教程，并在互聯網上撰寫深入的 React 教程文章和博客。例如，在谷歌上簡單搜索 "免費React教程"，就能得到13,000,000 個結果。

　　除此之外，React專家還經常在Stack Overflow 和 Quora 等QA網站上解疑釋惑，這意味著如果你在使用React時遇到困難，你總是可以得到專家給出的可靠解決方案。

　　(9)它提供了更好的代碼穩定性

　　React 遵循向下的數據流，以確保父結構不會受到其子結構的任何修改的影響。

　　因此，每當開發人員對一個對象進行修改時，只需要修改其狀態并進行適當的修正。這樣，只有一個特定的組件會被更新。

　　這種數據流和結構，結果是提供了更好的代碼穩定性和應用程序的平穩性能。

　　(10)它被許多財富500強公司使用

　　仍然懷疑是否要使用React?

　　看看一些鼓舞人心的React解決方案的例子吧。成千上萬的公司，包括一些財富500強公司，都選擇了React JS來做他們的網站和移動應用。

　　Airbnb、特斯拉、阿里巴巴、騰訊QQ和沃爾瑪都是使用 React Native 框架構建其移動應用的頂級品牌。

　　另一方面，React網絡框架目前正被包括阿里、快手、騰訊、字節、小米、網易、滴滴、Netflix、Paypal、NASA、BBC、Lyft和紐約時報等著名公司所利用。

　　重點是，既然這么多成功的財富 500 強公司都在使用 React 和 React Native，那么React一定是真正有用的前端和移動應用開發框架。

　　(11)優秀的數據綁定

　　React 使用單向數據綁定和flux 架構，這是一個應用程序設計者，從一個點處理數據流。因此，任何人都有能力跟蹤所有的變化，以改變數據的特定部分。

　　(12)擴展你的工具和能力

　　React 在一個項目中的主要好處是，開發人員可以在 JavaScript 和 Modem JSX 上寫作。這種方法將允許他們在代碼中使用HTML插入，這使得有廣泛的機會進行重組，并提高完整的生產力。

　　(13)測試和功能

　　React 的結果不僅是性能，也是高度可測試的應用程序。它使開發一個明確的設計更容易，對測試友好。它們可以從觸發的輸出、函數、事件等方面進行監督。

　　(14)以UI為重點的設計

　　React 為任何 UI 布局提供了潛力。它允許重大的數據變化來自動轉換特定的UI元素。由于這一最新功能，你不需要任何東西來更新UI。

　　(15)它提供了一個獨特的抽象層

　　React 強大的一面是它提供了一個良好的抽象，這意味著它不會向用戶透露任何復雜的內部信息。開發人員必須了解一些基礎知識，并保留對內部功能的檢查。

　　(16)模板設計變得簡單

　　模板設計為開發人員節省了數小時的開發時間，并允許他們在create-react-app 完成開發環境的設置后迅速編寫應用程序的代碼。

　　6、從框架對比上來看

　　在目前的前端框架使用上，React 和Vue 無論在國內還是國外，都是應用比重最大的兩個前端框架。

　　那我們在框架使用上，該如何選擇呢?我的觀點是，沒有一個框架是完美的，符合所有場景的框架，你去選擇一個框架，不存在哪個框架是最好的， 或者是最不好的，只能選擇一個最適合你的框架。

　　6.1、從實際場景的特點，尋找最適合你的框架

　　(1)關注團隊新人技術成長的場景

　　比如，你所在的公司項目開發流程已經很成熟了，產品也已經很成熟了，有一個比較穩定的狀態，這個時候公司來了一批新人，當前也沒有太多的功能需要開發，培養新人是一個最重要的目的，在這種背景下，比如你是一個leader，你可以讓新人去做一些用 Angular 或 jQuery 這種框架型的產品，為什么做這樣的技術選型呢?比如說 Angular 帶有很多后端的設計思想在里面，一個新同學或者應屆生進來，你能去看看Angular的代碼，對增加后端的知識面是很有幫助的。再比如說你用jQuery開發，雖然它很老，效率也低，但不可否認 jQuery很多設計思想其實很有借鑒價值的，如果你能看看 jQuery 的這些工程，肯定對你了解框架的封裝，語法的封裝會有很大的幫助。在這個階段，更應該選擇貼近技術底層的一個框架，帶有更多設計思想的框架。

　　(2)關注安全、保密性場景

　　比如軍隊、國企項目，這是一些很敏感的系統，這些系統可能沒有辦法使用Vue或React框架，你只能做一些框架的自研，這樣自研的框架是符合安全和保密性要求的。

　　(3)關注研發效率的場景

　　本節討論的重點是 React 和Vue 的比較，為什么企業項目研發多選擇 React 或Vue 呢?因為應用這兩個框架會大大提高研發效率。大家也不要會 React 就覺得 React 最好，會 Vue 覺得Vue 最好，聽說其他的框架效率不高，就覺得它不好。其實，框架的選擇沒有好壞之分，只有適不適合你的項目場景之分。查理芒格，這位投資大師曾經講過一個鐵錘人的故事，不能手里拿著錘子，看什么都像釘子。我們不能手里拿著一個框架就說其他框架不行，這個思維一定要扭轉一下。

　　6.2、不同角度看 React 和 Vue

　　React 和 Vue 從我個人角度看，做的都非常好了，不然整個業界也不會有這么多人用。但把它們兩個放到一起，就免不了要對比，接下來我們從不同的角度來對React 和 Vue 各方面做個分析，分析的結果是，大家根據自己的場景特點，來選擇你到底是用React 還是 Vue。

　　(1)團隊背書角度

　　首先我們從 React 和 Vue 的團隊背書看起。我們知道，Vue的團隊主要是以尤雨溪為主的一個社區團隊，而 facebook 是對React負責的，有一個大型的互聯網團隊來維護React。從這個角度看，誰有更好的背書呢?我們想象一下，如果你在一個大廠，一個40個前端的團隊，大概有10個人左右做基礎設施建設。Facebook 開發 React 也一樣，他的配置只會比這個好，不會比這個差，幾十個前端技術專家去研究一個框架，每天工作 8 小時，持續不斷的思考這個框架如何設計，這就能充分的保障 React 的先進性，遇到新進行的理念，他們也會第一時間補充到 React 的技術體系里，所以 React 一定有一個充足的技術支撐。

　　當然，Evan You 也是在全職保障Vue，但不可否認，Vue還是靠開源社區，Evan You 也招募了一些人做全職開發，但相對于React 這樣非常專業的團隊，人員上面我不認為它能比的上 React 這樣的先進團隊的持續輸出，可能接近，但一定是有差距的。

　　從這個角度來看，你去做一個項目，希望項目能不斷的跟上前端技術的發展，React 相對Vue就有優勢了，因為React團隊背書更加強悍一點，Vue 靠開源社區，力量會薄弱一些。

　　但如果你開發一個小型的項目，或者只是快速實現一個 DEMO 功能，一個不太復雜的項目，那背書的事情就不是你該考慮的問題了，因為一錘子買賣，實現完了就完了，或者說未來工程也不會發展到一個多么龐大的體系，你也不需要從這個項目上做很多的創新，這個時候硬考慮背書就沒有意義了。但如果你的項目未來會非常大，會不斷的應用新技術，順滑的應用集成到你的項目里，這個時候React優勢就凸顯了。

　　(2)從架構設計角度

　　第二個我們從架構設計的角度來看React 和 Vue。Vue 架構設計有點類似于框架，框架是什么?舉個例子，假如你去蓋一棟大樓，框架就是把鋼筋水泥柱子都給你做好，你只需要粉刷個墻壁，貼個瓷磚，這些裝修的事你自己弄就行了。Vue 很類似與這樣一個框架，它把骨架給你搭好，你去填肉就行了。比如Vue-router、Vuex、Vue unti-test 等等，官方都會給你提供好，你要做的就是拿過來直接寫業務，這就是 Vue 框架設計的理念，也就是 Framework。

　　React 官網把自己定義為一個前端的Library，它不是一個框架，我就是一個前端庫，我這個庫里提供必要的東西，至于你用這個庫如何構建你的代碼，或者說你想用這些磚頭如何去壘你的房子，你自己來決定。比如說我想用這個庫蓋一個試用于自己的小房子，你完全可以用React 封裝自己的 Router, 封裝自己的數據流工具，封裝自己的測試工具。當然，在大公司，你完全可以把它做成一個框架也可以。

　　可見，Vue 的設計理念，它把自己設計成一個架子，把你約束在里面，但React的設計理念就是把自己做成磚頭，你要不要撘成一個架子，你自己來決定，你如何開發你的房子，也是你自己決定。因此，React 相對于 Vue 來說更加靈活，Vue 相對于React，結構化會更強。

　　從這個設計架構角度講，再來看什么場景下適合使用 React，什么場景下適合使用 Vue。舉個例子，你的團隊都是菜鳥成員，這個時候不用想，肯定選 Vue，因為架子已經搭好了，讓這些新人直接填肉就行，這個工程會很快的搭建出來，那這個時候你要選 React，就不合理了，因為這個時候需要有人來大家架子，要不要用數據流工具，到底該如何設計項目的架構，這樣如果選擇 React，工程架構體系反而不如 Vue。相反，你的團隊成員能力非常強，你鼓勵他們技術創新，不用多說，用React開放性更好，靈活度更好，會產生更多的 idea，提供更多創新的土壤。

　　(3)從生態影響力角度

　　最后從生態影響力角度，來分析一下React 和 Vue 的區別。在國內，React 和Vue 的影響力都不差，很多大廠也在用 Vue，像百度、小紅書、滴滴、美團等公司都在用 Vue，像阿里，Airbnb 這些公司就在用 React。如果你的團隊英文水平還不錯，用 React 可能會更好，中文查不多資料，可以查英文，資料會很多。如果你中文很好，那就用 Vue，Vue的中文文檔比React的中文文檔寫的要好，Vue 中文文檔是一手文檔，React 中文文檔都是二手文檔了。所以，你可以根據你團隊的情況和你自身的情況再做框架的選型。

　　(4)從性能的角度

　　Vue 性能是優勢，但 React 性能不是劣勢，Vue 總體底層性能比 React 好一點點，這些對于一般項目來說可以忽略不計。值得一提的是，Vue 很多性能提升都幫你代勞了，你不需要手工做太多的性能優化，可React 不行，像 shouldComponentUpate, useMemo 等優化手段默認是不實裝的，需要用戶去自己優化，這樣的好處使 React 使用更加靈活，你可以完整把控項目的性能，劣勢也是優勢。

　　(5)從技術創新角度

　　Vue 開發工程師技術上限很難突破，因為使用別人做好的架子，想做一些創新有點難，因為有時你會被框架約束死。比如你用Vue2.0就有這個體感，想使用TS，會受限與Vue框架的實現，TS就是沒法很好的使用，直到Vue3出現才緩解了這個尷尬。React 不會存在這個問題，很多東西都可以和 React 拼接和組裝，想做技術創新會非常容易。這就不難理解有些大廠為什么選擇使用React 了，使用 React 更容易造一些輪子，更容易拿一些技術結果，更容易做一些有創意的東西了。

　　五、總結

　　1、沒有一分錢的工資是白給的，不學習React 工資起點就低了(低一半)。

　　2、跟隨 Facebook 團隊學習 React ，走在全球前端技術發展最前沿(背景牛)。3、React 擁有全球最完善的開發社區，技術問題借助社區可以輕松處理(有支持)。

　　4、React Library 開放設計理念，提供給開發者最大的技術創新空間(能創新)。5、React 的大多數理念被其他框架借鑒，學習好 React，輕松上手其他框架(泛用性)。

　　6、React 大廠面試必備技能，走上開發巔峰的強力敲門磚(有前景，有錢景)。

　　說事實，講道理， 好話都說盡了，你小子要是還想只學Vue，棄React于不顧，斷送自己的大廠前程，葬送自己的美好錢途，就休怪為兄的無情，今天就給你安排一頓吃不了兜著走!