React起源於Facebook公司的內容專案，該公司在嘗試用H5來建設Instagram網站的過程中發現，對於複雜前端h5效能下降明顯，在對市場的mvc框架分析後，依然無法找到滿足自己需求的框架，於是決定自己開發一套，於是就有了之後的React,React於2013年開發完成後被開源，一經發布迅速吸引了廣泛的關注。
React的設計思想極其獨特，其核心理念-虛擬Dom思想也在陸續被其他優秀框架引入，如Angular2,同時React效能優秀，程式碼邏輯簡單，適用面廣，又能用於移動端開發的React Native,受到越來越多人的認可和使用

虛擬DOM

在web開發中，我們通常面臨的是動態的頁面，隨著使用者的互動或與服務端的互動會產生的資料的變化，而資料的變化又會得的我們需要展示的內容有所變化， 以往我們是通過操作Dom元素予以調整來解決的，但頻繁或複雜的DOM操作通常對效能會產生較大的影響，針對這一問題，React引入了虛擬DOM機制:由使用者構建虛擬DOM，React負責將虛擬DOM渲染到瀏覽器中，虛擬DOM的核心思想可以概括成以下兩點：

提供一種更方便簡潔的方式操作DOM，提升開發效率

以前我們需要直接操作DOM，操作種類繁多，寫法複雜，而在React中可以用一個js物件來表示DOM結構，甚至一個元件，這個js物件可以是通過React的createElement方法，或者React的元件的建構函式來建立的，便捷易懂。

保證最小化的DOM操作，保證執行效率，提升效能

使用js物件來表示DOM結構後，我們可以將js物件構造出的DOM結構樹叫做虛擬DOM樹，當頁面發生資料變化而需要操作DOM節點時，會先掃描整個虛擬DOM樹，通過比較本次與上次虛擬DOM的具體差異，然後針對實際需要變化的部分進行實際的瀏覽器的DOM更新。虛擬DOM存的是記憶體資料，計算虛擬DOM的差異帶來的記憶體的消耗通常要遠遠小於多餘的DOM操作的開銷，所以這裡選擇增加一部分比較，來減小DOM渲染的開銷，從而提升效能。

在保證效能的同時，使用者無需關心具體某個DOM應該作何操作，而只需關係資料狀態，以及相應的資料狀態應該如何渲染到一個元件，除此之外的其他工作都由REACT高效自動的完成。

跨平臺

由於我們主要的操作物件是虛擬DOM，而無關實際的執行環境，如是否是瀏覽器，或瀏覽器的型別，所以只要有虛擬DOM到真實DOM的轉換器，就可以實現真實DOM的最終呈現，從而達到跨平臺的效果。如，從虛擬DOM到瀏覽器真實DOM的轉換通過react-dom實現，從虛擬DOM到移動APP的轉換工具通過react-native實現。