React學習總結

一、什麼是React？

　　是Facebook公司開發的一套JS庫

二、老版本React

　　React：元件用的

　　ReactDom：把虛擬DOM渲染成真實DOM（DOM：計算資料變化觸發一個事件）

三、Reatct和vue之間的聯絡：

　　在Vue2.0版本沒有出來之前兩者實力相當，在Vue2.0出來後發生轉變React開始向Vue學習。

　　不同點：

　　1、 結構方面：

　　 React:單項繫結（在安裝外掛後還是可以雙向繫結的）；

 　　Vue：雙向繫結；

　　2、元件化方面：Vue可以自動進行介面自動渲染

  　　1）、React需要編寫render（render：計算機裡面譯為“渲染”，正常譯為“給予”）函式；

 　　 2）、當React的狀態為state改變render就會被重新呼叫，之後重新計算全dom比較之前dom，對比之後只修改需要渲染的地方；

　　　　　　vue不會計算全dom，效率更高；

　　  3）、Vue使用template的方式，以及{{}}，v-bind的操作。React使用JSX的方式來操作（javascript中包含html）；

　　相同之處：

　　1、Vue有腳手架vue-cli,React也有腳手架CRA（create react app）；

　　2、不管是vue也好，react也好，都可以使用props實現父元件向子元件傳遞資料。

四、使用React：

　　1、安裝react.js:npm install react –g;

　　2、安裝react-dom.js:npm install react-dom –g;

　　3、安裝react腳手架：npm install create-react-app –g;

　　4、建立一個新專案：create-react-app 專案名;

　　5、熱載入啟動服務：npm start.

啟動成功頁面：