React這麼一個設計思想極為獨特的框架究竟來自於何處？它來自於Facebook一個內部專案！而Facebook一個如此偉大的公司為何花費精力來寫這樣一套框架呢？因為該公司對市場上所有JavaScript框架都不滿意！牛逼的人自有自逼之處，於是乎該公司就決定自已寫一套名字叫React的框架。並於2013年5月開源了！

在學習React之前，你需要具備一些最基本的知識：

1、HTML5
2、css
3、JavaScript

React的特點

1、宣告式設計
2、高效：透過對DOM的模擬，最大限度的減少與DOM的互動。
3、靈活：可以與已知的框架或庫很好的配合。
4、JSX：是js語法的擴充套件，不一定使用，但建議用。
5、元件：構建元件，使程式碼更容易得到複用，能夠很好地應用在大專案的開發中。
6、單向響應的資料流：React實現了單向響應的資料流，從而減少了重複程式碼，這也是解釋了它為什麼比傳統資料繫結更簡單。

為什麼要用React?

1、使用元件化開發方式，符合現代Web開發的趨勢
2 、技術成熟，社群完善，配件齊全，適用於大型Web專案（生態系統健全）
3、由Facebook專門的團隊維護，技術支援可靠
4、 ReactNative - Learn once, write anywhere: Build mobile apps with React
5 、使用方式簡單，效能非常高，支援服務端渲染
6、 React非常火，從技術角度，可以滿足好奇心，提高技術水平；從職業角度，有利於求職和晉升，有利於參與潛力大的專案

搭建React開發所需要的環境

1、首先我們去React官網下載開發所需要的檔案。點選官網頭部右側最新的版本號。可以進入下載頁面：
2、初學React的小夥伴們，我們們需要下載兩個JS檔案。分別是react.development.js與react-dom.development.js。

react.development.js：React的核心庫，用於建立UI
react-dom.development.js:提供與DOM相關的功能。用於將建立的UI渲染到瀏覽器中。

一起寫一個"你好，世界"

我們們先來寫第一個React程式。

html>
    
    Title
    
    
   <!--Babel 可以將 ES6 程式碼轉為 ES5 程式碼，這樣我們就能在目前不支援 ES6 瀏覽器上執行 React 程式碼。Babel 內嵌了對 JSX 的支援。--&gt

ReactDOM.render()

ReactDOM.render是React最最基本的方法，用於將模板轉為HTML語言，並插入指定的DOM節點。其中第一個引數為模板內容，第二個引數為指定的DOM節點。

作者：張培躍
連結：

React之你的第一個React程式