React 是一個用于構(gòu)建用戶界面的 JAVASCRIPT 庫蹂风。
React主要用于構(gòu)建UI，很人多認為 React 是 MVC 中的 V（視圖）恢着。
React 起源于 Facebook 的內(nèi)部項目爪瓜，用來架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開源系宫。
React 擁有較高的性能，代碼邏輯非常簡單建车，越來越多的人已開始關(guān)注和使用它扩借。
React 特點：
1.聲明式設(shè)計?React采用聲明范式，可以輕松描述應(yīng)用缤至。
2.高效?React通過對DOM的模擬潮罪，最大限度地減少與DOM的交互。
3.靈活?React可以與已知的庫或框架很好地配合领斥。
4.JSX? JSX 是 JavaScript 語法的擴展嫉到。React 開發(fā)不一定使用 JSX ，但我們建議使用它月洛。
5.組件? 通過 React 構(gòu)建組件何恶，使得代碼更加容易得到復(fù)用，能夠很好的應(yīng)用在大項目的開發(fā)中嚼黔。
6.單向響應(yīng)的數(shù)據(jù)流? React 實現(xiàn)了單向響應(yīng)的數(shù)據(jù)流细层，從而減少了重復(fù)代碼惜辑，這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡單。
React 安裝：
本文用了?React 的版本為 0.13.4疫赎，你可以在官網(wǎng)http://facebook.github.io/react/下載最新版盛撑。
下載完之后引入下述文件：
然后在編輯器打開：
以下實例輸出了 "醒醒醒，夏至到了捧搞，看緊你家的狗狗~~別被人吃了",每個人都愛狗狗抵卫，只不過有的人愛生的，有的人愛熟的胎撇。(ps:不是針對玉林人士哦)
<script src="../build/react.js"></script>
React的核心庫
<script src="../build/react-dom.js"></script>
提供與DOM相關(guān)的功能
<script?src="../build/browser.min.js"></script>
用于將JSX語法轉(zhuǎn)為JavaScript語法
嗯陌僵，你經(jīng)過上述并可以開始看的字體了。證明這個成功的了创坞，下面我們通過npm來使用react.
第一步：
通過npm來安裝碗短，那必須安裝node和npm.如果還沒安裝請https://nodejs.org/en/。這里安裝吧题涨，或者你百度看看教程偎谁。
安裝全局包：
npm install babel-g ?// 可以編譯ES6代碼，66的
npm install webpack-g // 一個打包工具纲堵，http://webpack.github.io/
npm install webpack-dev-server-g? // 一個輕量的node.js express服務(wù)器
第二步：創(chuàng)建目錄
創(chuàng)建一個根目錄巡雨，目錄名為：react-demo，再使用 npm init 初始化席函，生成 package.json 文件
第三步：添加依賴包及插件
因為我們要使用 React, 所以我們需要先安裝它铐望，--save 命令用于將包添加至 package.json 文件。
npm install react--save
npm install react-dom--save
安裝以你就以為可以茂附？NO正蛙、NO、NO营曼，我們下面還有安裝一些插件
npm install babel-core
npm install babel-loader
npm install babel-preset-react
npm install babel-preset-es2015
第四步：創(chuàng)建文件
index.html
app.jsx
main.js
webpack.config.js
第五步：設(shè)置編譯器乒验，服務(wù)器，載入器
在webpack.config.js文件添加以下代碼:
entry:指定打包的入口文件main.js蒂阱。
output：配置打包結(jié)果锻全，path定義了輸出的文件夾，filename則定義了打包結(jié)果文件的名稱录煤。文中定義"./src"
devServer：設(shè)置服務(wù)器端口號為6666鳄厌，端口后你可以自己設(shè)定 。
module：定義了對模塊的處理邏輯妈踊，這里可以用loaders定義了一系列的加載器了嚎，以及一些正則。當需要加載的文件匹配test的正則時响委，就會調(diào)用后面的loader對文件進行處理新思，這正是webpack強大的原因。(具體詳情可以查文檔呀)
現(xiàn)在打開package.json文件赘风，找到"scripts"中的"test" "echo \"Error: no test specified\" && exit 1"使用以下代碼替換：
"start":"webpack-dev-server --hot"
現(xiàn)在我們可以使用npm start命令來啟動服務(wù)夹囚。--hot命令會在文件變化后重新載入，這樣我們就不需要在代碼修改后重新刷新瀏覽器就能看到變化邀窃。
睡了~~~ ?明天寫哈哈
