1.什麼是React?node
React是一個一個聲明式,高效且靈活的用於構建用戶界面的JavaScript庫。React 起源於 Facebook 的內部項目,用來架設 Instagram 的網站,並於 2013 年 5 月開源。react
2.React有哪些特色?npm
1.聲明式設計 −React採用聲明範式,能夠輕鬆描述應用。json
2.高效 −React經過對DOM的模擬,最大限度地減小與DOM的交互。windows
3.靈活 −React能夠與已知的庫或框架很好地配合。app
4.JSX − JSX 是 JavaScript 語法的擴展。React 開發不必定使用 JSX ,但咱們建議使用它。框架
5.組件 − 經過 React 構建組件,使得代碼更加容易獲得複用,可以很好的應用在大項目的開發中。工具
6.單向響應的數據流 − React 實現了單向響應的數據流,從而減小了重複代碼,這也是它爲何比傳統數據綁定更簡單。測試
3.React的安裝網站
React腳手架安裝工具create-react-app
進入命令行終端(cmd),輸入(須要先安裝node)
npm install -g create-react-app
下步輸入命令行:
create-react-app (項目名) ps:項目名字要起英文名,避免windows搞事情!
以上命令行能夠用npm安裝也能夠用yarn進行安裝。
進行以上的命令能夠建立一個React項目,即該項目的文件目錄:
Node-modules: 公用的庫
Public: 頁面 ico
Src :是咱們主要編寫本身項目代碼的文件目錄,寫頁面代碼,組件等等主要的代碼模塊都在改目錄下
package.json :項目的配置文件,項目全部的配置的依賴,環境等信息均可在該文件進行查看並進行修改。
README.md : 項目的介紹文件,能夠編寫該項目的介紹以及做者信息等信息。
Src目錄下的文件:
index.js:整個程序的入口文件。
App.test.js:項目測試文件
App.js :react入口文件,能夠說是根組件。