在传统的WEB开发中，当与用户或服务器发生交互时，需要我们手动获取数据并更新DOM，这个过程是繁琐的、易错的。特别是当页面功能过于复杂时，我们既要关注数据的变化，又要维护DOM的更新，这样写出来的代码是很难维护的。新一代的框架或库，例如Angular、React、Vue等等让我们的关注点只在数据上，当数据更新时，这些框...

一直想用React做些东西，苦于没有实际项目练手，所以一直都是自己在搞些小玩意儿，做过用React Router构建的内部订餐系统，是个SPA，也在社区分享过。由于一个人做全栈开发，数据库（mongodb）全靠自己设，需求全靠自己编，页面全靠自己扯，心好累，感觉不会在爱了！SPA用来构建内部的系统完全没问题，但是用来做门户、...

概述 我们先来理一理React的生命周期方法有哪些： componentWillMount 渲染前调用一次，这个时候DOM结构还没有渲染。 componentDidMount 渲染完成后调用一次，这个时候DOM结构已经渲染了。这个时候就可以初始化其他框架的设置了，如果利用jQuery绑定事件等等。 componentWillReceiveProps 初始化渲染不会调用，在接收到...

Reflux是根据React的flux创建的单向数据流类库。 Reflux的单向数据流模式主要由actions和stores组成。例如，当组件list新增item时，会调用actions的某个方法（如addItem(data)）,并将新的数据当参数传递进去，通过事件机制，数据会传递到stroes中，stores可以向服务器发起请求，并更新数据数据库。数据更新成功后，还是...

看到上面的代码，直接吐血而亡啊，写的是什么几把玩意儿。还好只写了两个组件，要是多个组件，相同的代码就会重复多遍。相信大家看到上面的代码也会发现一个致命的问题：可维护性太差差差！

代码看起来要舒服些，但是还有一个问题，语义太差,阅读维护起来确实不大容易。为了解决这种类似组件className初始化或者动态切换的效果，React提供了工具ClassSet。

需求 利用React实现一个简易的信息管理系统。 写的不太好，欢迎熟悉React的大神来找茬。真心感激！ 分析 编写React就是不断构建组件的过程，首先要根据需求进行UI的划分： {代码...} 编码 服务端 没有用到服务器，采用了数据模拟的方式 {代码...} 页面 {代码...} 组件 StudentBox {代码...} StudentList {代码...} Stude...

React对底层的代码作了封装，在大多数情况下，我们不需要直接去操作DOM。但是有时候我们还是需要使用到底层的代码的，比如输入框获取焦点，这个时候可以通过第三方的类库或者React提供的API实现。

表单组件像 <input>、<textarea> 不同于其它的原生组件，因为它们会随着用户交互而改变。这些组件提供了接口方便我们管理这些交互。

var { checked, ...other } = this.props;使用了ES7的结构化赋值，所以引入时要加入harmony，如下：

当我们在设计接口的时候，将一些常见的设计元素（如按钮、表单、布局等）拆分成有着良好接口的可重用的组件。这样的话，下次你构建UI的时候只要写少量的代码。

我们在编程的时候碰到相同的功能，可以通过抽出公共方法或者类来实现复用。当我们构建新的组件的时候，尽量保持我们的组件同业务逻辑分离，将相同功能的组件抽出一个组件库，通过复用这些组件库来提高我们代码的重用性。

props 先看个简单的例子： {代码...} 看代码就很容易理解：通过this.props我们可以拿到组件使用时的属性。稍微改变下代码，我们打印出this.props瞅瞅： {代码...} 浏览器页面效果： 可以看出this.props就是组件的属性集合，稍微改下代码，再来看看： {代码...} 浏览器页面效果： 这个时候多了一个children的属性，React...

使用React，不一定非要使用JSX语法，可以使用原生的JS进行开发。但是React作者强烈建议我们使用JSX，因为JSX在定义类似HTML这种树形结构时，十分的简单明了。简明的代码结构更利于开发和维护。 XML有着开闭标签，在构建复杂的树形结构时，比函数调用和对象字面量更易读。看个直接的对比：

我们使用UI最基本的事就是用来展现数据。React使得展现数据变得简单，并且当数据改变时，React能自动保持UI的更新。 开始 创建一个简单的Demo： {代码...} 以后所有代码示例的HTML都是用上面的代码，只关注JavaScript的编写。 {代码...} React.createClass 用来创建一个组件类，前面也说了，编写React代码主要就是构建通...

React是Facebook和Instagram用来创建用户界面的JavaScript库。很多人将React认为是MVC中的V。 React的创建是为了解决一个问题：如何构建一个数据交互频繁的大型应用程序？为了实现这个目标，React运用了两个思想：