學(xué)習(xí)react no.1

react 定義

react是一個(gè)用于構(gòu)建用戶界面的JavaScript庫(kù),衍生出了reactNative項(xiàng)目,目標(biāo)希望用webapp的方式寫nativeApp;

react 特點(diǎn)

1. 申明式設(shè)計(jì) -- react 采用申明范式,可以輕松描述應(yīng)用
2. 高效 -- react通過(guò)對(duì)dom的模擬,盡量的減少dom操作
3. 靈活 -- react 可以與已知的庫(kù)和框架很好的融合
4. jsx  -- jsx 是JavaScript語(yǔ)法的擴(kuò)展,react 開發(fā)不一定用jsx,但是推薦
5. 組件 -- 通過(guò)react 構(gòu)建組件,可以使代碼更容易得到復(fù)用,能夠更好的應(yīng)用到大項(xiàng)目中去
6. 單項(xiàng)響應(yīng)的數(shù)據(jù)流 -- react 使用了單項(xiàng)響應(yīng)的數(shù)據(jù)流,從而減少重復(fù)代碼

react

使用時(shí)可以直接靜態(tài)文件引入
ex:
<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>

這三個(gè)庫(kù),reac:react核心庫(kù);react-dom:提供與dom相關(guān)的功能;
babel:可以將es6轉(zhuǎn)化成es5;babel內(nèi)嵌了對(duì)jsx的支持;

簡(jiǎn)易安裝react 項(xiàng)目
1.安裝有nodejs;
2.使用 npm 安裝命令 :
    $ cnpm install -g create-react-app
    $ create-react-app my-app
3.刪除新項(xiàng)目中的src/文件夾下的所有文件(不要?jiǎng)h除文件夾)