前言：
其實我不懂框架，只會簡單的HTML,CSS,JS.在入門之前，連ES5,ES6,Webpack都沒聽過，更不用說React了.但是公司最近缺人，趕鴨子上架，踩了很多坑，希望記錄一下，同時也希望您能夠少踩點坑。題外話：官網(wǎng)的React中文文檔很詳細(xì)，完全可以照著官網(wǎng)的教程來。
安裝：
React需要Node.js,Node.js需要Python.我裝的時候先裝的Node.js,然后偶然間聽到Node.js需要Python，我又裝了Python2.7（捂臉.jpg，不應(yīng)該是先安裝Python再安裝Node.js嗎？?。?這里提供Node.js下載鏈接（左邊那個哦）和Python2.7下載鏈接，同時提供Node.js安裝教程和Python2.7安裝教程。
快速入門：
實踐
首先什么都不用想，在windows命令行按順序敲下面的代碼（創(chuàng)建的時候有點慢，請耐心等待，有問題請留言）：
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
在瀏覽器中運行下列類似界面就算成功：
解釋命令
npm install -g create-react-app
- npm:node包管理工具
- -g:全局安裝
(具體指的是，如果指定是-g，那么其他react項目也可以調(diào)用，如果沒有指定-g，那就是局部安裝，安裝在當(dāng)前目錄所在的地方) - create-react-app:腳手架，facebook官方開發(fā),強(qiáng)烈建議.
何為腳手架：個人理解，就是搭好了最基本的框架，但是內(nèi)容需要自己填充.
那我們來看看這個腳手架的整體結(jié)構(gòu):
鄙人用的HBuilder（有打廣告嫌疑），您可以按照您自己熟悉的IDE來開發(fā)。
node_modules:就是使用npm install xxx之后，會存放在該目錄下。
public:存放html文件
src:我們關(guān)心的是這個文件啦！，我們源碼都是要存放在介個位置的。
package.json:定義了這個項目所需要的各種模塊，以及項目的配置信息（比如名稱、版本、許可證等元數(shù)據(jù)）
關(guān)于package.json我有話說:如果去github clone一個項目的話，模塊是不會存在項目里面的，那么clone下來之后，需要在項目根目錄下輸入npm install，那么這行命令會自動幫你安裝package.json中的各種模塊。所以我們要養(yǎng)成一個好習(xí)慣：每次在給項目安裝新的庫的時候加入 --save這個命令,完整命令如下所示：
npm install xxx --save
--save的作用就是會把當(dāng)前安裝的依賴記錄到package.json中去.
Hello World
src文件里面東西太多，我們只留下index.js 和index.css,其余都刪掉。并且把index.js里面內(nèi)容刪掉，在文件首行加入
import React from 'react';
import ReactDOM from 'react-dom';
其實這個是ES6語法，跟Python語法糖是不是很像~~~~用到什么模塊就import什么模塊
然后繼續(xù)在文件添加下面的代碼：
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
打開命令行，進(jìn)入my-app目錄，輸入npm start,就能看到Hello world！了。
解釋
ReactDOM.render()負(fù)責(zé)頁面渲染，我們可以看到有兩個參數(shù)，一個是<h1>Hello, world!</h1>，另外一個是document.getElementById('root')，大概意思就是要找到id為root的DOM元素，然后負(fù)責(zé)對DOM元素進(jìn)行渲染。
后記
如有錯誤，麻煩請告之，謝謝。下一節(jié)我會講一下React面向組件的思想以及實例~
