React里可以使用原生的javascript，但是React官方推荐使用JSX,使用JSX，组件的结构和组件之间的关系看上去更加清晰。前端界面的最基本功能在于展现数据，为此大多数框架都使用了模板引擎模板可以直观的定义UI来展现Model中的数据，你不必手动的去拼出一个很长的HTML字符串，几乎每种框架都有自己的模板引擎。传统MVC框架...

React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取，当从服务端获取数据库可以将数据存储在 state 中，再用 this.setState 方法重新渲染 UI。当使用异步加载数据时，在组件卸载前使用 componentWillUnmount 来取消未完成的请求。

状态 组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 方法 生命周期的API有：getDefaultProps 作用于组件类，只调用一次，返回对象用于设置默认的props，对于引用值，会在实例中共享。getInitialState 作用于组件的实例，在实例创建时调用一次，用于初...

React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。

配置篇 通过Webpack和Babel-core在开发过程中转换JSX/ES 2015 确定安装了node.js和npm，然后安装全局packages,这里用的是淘宝的cnpm {代码...} 创建目录和文件 在本地项目中创建需要目录，并且在其下面创建子目录和文件。 {代码...} 打开 package.json 文件，并且创建一个空的JSON对象： {代码...} 通过cnpm安装依赖关系...