React的核心思想是：封裝組件，再由組件構(gòu)成復(fù)雜頁面，同時(shí)各個(gè)組件維護(hù)自己的狀態(tài)和UI，當(dāng)狀態(tài)發(fā)生變化，自動(dòng)重新渲染整個(gè)組件。
React 是一個(gè)用于構(gòu)建用戶界面的JavaScript庫，它起源于 Facebook 的內(nèi)部項(xiàng)目，用來架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開源。
React主要用于構(gòu)建UI，而且性能出眾，代碼邏輯簡單，所以我打算好好研究一下，既滿足了自己的好奇心，也提高一下自己的技術(shù)水平。
在學(xué)習(xí)的過程中我參考了阮大大的React教程和React 官方文檔
React特點(diǎn)
- 聲明式設(shè)計(jì) : 以聲明式編寫UI，可以讓你的代碼更加可靠，且方便調(diào)試
- 高效 : React通過對(duì)DOM的模擬，最大限度的減少與DOM的交互
- 靈活 : 提供了可以調(diào)用其他第三方框架或庫的接口
- JSX : JSX是JavaScript語法的擴(kuò)展，建議開發(fā)過程中使用它
- 組件 : 通過React構(gòu)建擁有各自狀態(tài)的組件，再由組件構(gòu)成更加復(fù)雜的界面，代碼更加容易得到復(fù)用
- 單向響應(yīng)的數(shù)據(jù)流 : React實(shí)現(xiàn)了單向響應(yīng)的數(shù)據(jù)流，減少了重復(fù)代碼
創(chuàng)建新應(yīng)用
1.React可以直接下載使用，下載包中提供了很多學(xué)習(xí)的實(shí)例，可以去官網(wǎng)下載最新版
2.使用create-react-app構(gòu)建React開發(fā)環(huán)境(需要安裝node.js，另一系列文章中會(huì)提到node的安裝，大家也可自行搜索安裝方法)
create-react-app 是來自于 Facebook，通過該命令我們無需配置就能快速構(gòu)建 React 開發(fā)環(huán)境
create-react-app 自動(dòng)創(chuàng)建的項(xiàng)目是基于 Webpack + ES6
執(zhí)行以下命令創(chuàng)建新項(xiàng)目:
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
在瀏覽器中打開 http://localhost:3000/ ，結(jié)果如下圖所示：
項(xiàng)目的目錄結(jié)構(gòu)如下所示 :
嘗試修改src/App.js文件里的代碼 :
修改之后再打開 http://localhost:3000/ (一般會(huì)自動(dòng)刷新), 會(huì)發(fā)現(xiàn)輸出結(jié)果已經(jīng)改變：
當(dāng)你準(zhǔn)備好將其部署到生產(chǎn)環(huán)境中時(shí)，運(yùn)行 npm run build 將會(huì)在 build 文件夾中創(chuàng)建一個(gè)優(yōu)化好的應(yīng)用
該文章同步在:
CSDN Blog: http://blog.csdn.net/levinhax/article/details/76651535
Github Page: https://github.com/levinhax
