下载 React StarterKit: http://facebook.github.io/react/downloads.html
解压缩以后，在命令行进入 react-xxxxx 目录，执行：
python -m SimpleHTTPServer然后打开浏览器，访问 http://localhost:8000/examples/ 既可以运行各种示例。
示例源代码在仓库中，本文后面部分是快速入门。
首先安装 NodeJS: https://nodejs.org/ 。
接下来创建一个目录（后文称为 APP_ROOT_DIR）。打开命令行窗口，进入 APP_ROOT_DIR，输入命令：
npm init按照提示输入应用的名字等信息。命令执行完成后，会创建 APP_ROOT_DIR/package.json 文件。
接下来用 npm 命令安装所有需要的包：
这里使用了来自淘宝的 npm 源: http://npm.taobao.org/
sudo -H npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install --save react react-dom autobind-decorator
cnpm install --save-dev babel-cli babel-preset-react babel-preset-es2015 \
webpack webpack-dev-server css-loader style-loader \
babel-loader babel-core这些包的用途：
react和react-dom包含了 React 的库文件，参考 http://facebook.github.io/react/webpack用于实现模块化，参考 https://webpack.github.io/babel用于编译 JSX 文件，参考 http://babeljs.io/
为了更好的组织文件，还需要创建下列目录：
mkdir src
mkdir public_hmtl
mkdir public_hmtl/buildsrc: 用于放置所有源代码文件public_hmtl: 能够通过浏览器访问的文件放在这个目录中public_html/build: 从src编译的结果放入这个目录
添加入口文件 APP_ROOT_DIR/public_html/index.html，内容如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>My App</title>
</head>
<body>
<div id="app-content"></div>
<script type="text/javascript" src="build/bundle.js"></script>
</body>
</html>添加源代码文件 APP_ROOT_DIR/src/index.jsx，内容如下：
import React from 'react';
import ReactDOM from 'react-dom';
import Content from "./content.jsx";
class MyApp extends React.Component {
constructor() {
super();
this.state = {text: "tony"};
}
onChange(e) {
this.setState({text: e.target.value});
}
render() {
return (
<div>
<Content text={this.state.text} />
<form>
<input onChange={this.onChange.bind(this)} value={this.state.text} />
</form>
</div>
);
}
}
let mountNode = document.getElementById("app-content");
ReactDOM.render(<MyApp />, mountNode);记得修改 APP_ROOT_DIR/package.json 文件，将其中的 "main": "index.js" 改为 "main": "src/index.jsx"。
添加源代码文件 APP_ROOT_DIR/src/content.jsx，内容如下：
import React from 'react';
export default class Content extends React.Component {
render() {
return (
<h1>hello {this.props.text}</h1>
);
}
}在 APP_ROOT_DIR 中创建文件 webpack.config.js，内容如下：
var path = require("path");
module.exports = {
entry: "./src/index.jsx",
output: {
path: path.resolve(__dirname, "public_html/build"),
filename: "bundle.js",
publicPath: "build"
},
module: {
loaders: [
{
test: /\.jsx$/,
exclude: /node_modules/,
loader: "babel",
query: {
presets: ['react', 'es2015']
}
},
{
test: /\.css$/,
loader: "style!css"
}
]
}
};执行命令：
./node_modules/.bin/webpack-dev-server --content-base public_html然后在浏览器中访问 http://localhost:8080/webpack-dev-server/ 即可看到执行结果。