环境准备
安装create-react-app
通过安装create-react-app，我们可以在本地创建前端应用。
npm install -g create-react-app
紧接着我们可以创建一个项目：
create-react-app first_react_appcd first_react_appnpm start
基于组件开发应用
这是React开发的首要思想。组件是什么呢？
简单说就是：能完成某个特定功能的独立的，可重用的代码。
现在添加一个计时器组件，我们先把这个组件定义好：
// ClickCounter.jsimport React, {Component } from 'react';class ClickCounter extends Component {constructor(props) {super(props);// 事件监听函数this.onClickButton = this.onClickButton.bind(this);// 初始状态this.state = {count: 0};}onClickButton() {this.setState({count: this.state.count + 1 });}render() {return (<div><button onClick={this.onClickButton }> Click Me </button><div>Click Count: {this.state.count }</div></div>);}}export default ClickCounter;
在初始阶段，先一块一块解析。这里要引入关键的React以及{ Component }，然后要定义一个类，之前的语法是通过React.creatClass完成，现在换成class ClickCounter extends Component，然后我们在里面写构造器函数，定义一个点击监听函数，并将其绑定到本组件，在render()函数里，渲染要显示的内容，并通过变量占位，实时更新数据。
现在我们把这个组件代码引入到index.js.
import ClickCounter from './ClickCounter'ReactDOM.render(<ClickCounter />, document.getElementById('root') // 在index.html中有个id为root的div);
界面会自动刷新，可以看到计时器组件成功运用了~~~
END.
参考：
《深入浅出React和Redux》
