React 是一個流行的框架，被大多數大型企業和小型獨立開發人員用來以模塊化方式創建具有復雜關系的視圖。它提供了足夠的結構以允許靈活性，同時也提供了足夠的欄桿以避免在為Web創建應用程序時出現常見的陷阱。想學習React開發技術的同學，可以報名參加Web前端培訓，可以在較短時間內獲得很大提升。

　　為什么要使用這個框架?

　　1. React.JS 性能

　　React 如此受歡迎的原因之一是其受視頻游戲啟發的渲染系統，其系統的基礎是通過批量更新、使用虛擬內存 DOM 計算差異和不可變狀態來最小化 DOM 交互。需要注意的一點是，這種方法與當時其他 JavaScript 框架的其他趨勢背道而馳。 然而，事實證明，臟檢查雙向數據綁定會產生指數級更多的計算，因為您將更多的元素添加到組合中而不是一種方式。

　　2.React 易于采用

　　生命周期方法的簡短列表使該框架成為最容易理解的框架之一。 事實上，在一天之內精通整個圖書館并非聞所未聞，這可以歸因于每個視圖的“總是重新渲染”性質以及它如何適應其視圖的狀態或屬性更改。

　　3.JSX

　　當React.JS最初被引入JavaScript世界時，將視圖定義與控制邏輯緊密耦合的想法引起了爭議。React 發布到一個范式中，傳統MVC 框架的客戶端副本(如在服務器端發現的那些)非常流行。MVC傳統將HTML與控制器分開，控制器的職責是將多個視圖組合起來并將數據編組到其中。從字面上看，這意味著這些“擔憂”被分成了自己的文件。

　　React的架構師采取了另一種方法，他們說HTML與JavaScript的分離是膚淺的。實際上，您的HTML和JS應用程序代碼非常緊密耦合，將它們保存在各自的分離文件中更像是技術分離而不是關注點分離。在Web前端培訓中，有很多關于React的學習課程，可以讓你快速掌握這門技術的使用，高效完成開發任務。

　　想象一下，試圖在一個大型jQuery 應用程序中更改HTML元素的類名或 id 標記。您必須驗證沒有任何DOM綁定被破壞，這表明兩者之間存在密切關系。

　　這就是JSX發揮作用的地方。通過將您的組件邏輯與它正在操作的視圖放在同一個文件中，它使模塊更容易推理，最好的部分是您可以利用vanilla JavaScript來表達您的視圖。

　　4. 對服務器端通信沒有意見

　　React定義了你的視圖，但為你提供了生命周期“鉤子”來發出服務器端請求，這是一個優勢，因為這意味著一旦您了解了XHR請求的生成方式，您就可以更輕松地更新用于生成這些請求的庫，而不是BackBoneJS。這些鉤子是 state、props、componentWillMount和componentDidMount。

　　5.從一開始就構建同構

　　React有一個簡潔的功能，它可以檢測是否需要最初將DOM渲染到頁面上，這意味著如果您在交付給客戶端瀏覽器之前在服務器端代碼中預編譯視圖，React 將能夠簡單地引導其偵聽器并從那里開始。對React感興趣的同學可以報個Web前端培訓班學習，有系統全面的課程和明確清晰的學習路線，讓學習更輕松更有效。

　　React提供了從其語法輕松生成HTML的方法，這是為了獲得SEO機器人的青睞，傳統上它們不會在其爬蟲中運行JavaScript(或至少將這些網站標記為比預生成的網站更糟糕)。

　　6.跨平臺支持

　　React的生態系統確實非常龐大。框架一直在移動的方式是將視圖邏輯與“更純”的業務規則分開。默認情況下，您采用此策略。這使您可以定位其他平臺，例如移動、虛擬現實設備、電視體驗，甚至生成電子郵件。

　　7.React 為良好實踐應用程序提供輕軌

　　選擇React的原因是它的生命周期方法、狀態和道具提供了足夠的欄桿來創建可擴展的應用程序，需要XHR數據?使用組件WillMount。需要使用著名的jQuery庫使特定組件看起來更漂亮嗎?使用componentDidMount和 componentShouldUpdate或componentDidUpdate來停止DOM操作或在更改后輕松地重新設置元素的樣式。

　　關鍵是只有足夠的欄桿對應于頁面內的自然組件生命周期，對任何經驗水平的開發人員都有很大的意義，但對于有“React”做事方式的地方來說還不夠，它以這種方式非常通用。如果你想了解更多關于React的信息，不妨報名參加Web前端培訓，有理論和實踐項目一起學習，學以致用，在項目中鍛煉自己的思維能力和動手能力，獲得快速成長。