野狗实时通信云

React 是由 Facebook 开发出来的用于开发用户交互界面的 JS 库。其源码由 Facebook 和社区优秀的程序员维护。React 带来了很多新的东西，例如组件化、JSX、虚拟 DOM 等。其提供的虚拟 DOM 使得我们渲染组件呈现非常之快，让我们从频繁操作 DOM 的繁重工作之中解脱。它做的工作更多偏重于 MVC 中的 V 层，结合其它如 Flux 等一起，你可以非常容易构建强大的应用。

记得当年初试前端的时候，学习 JavaScript 过程中，原型问题一直让我疑惑许久，那时候捧着那本著名的红皮书，看到有关原型的讲解时，总是心存疑虑。 当在 JavaScript 世界中走过不少旅程之后，再次萌发起研究这部分知识的欲望，翻阅了不少书籍和资料，才搞懂__proto__和 prototype 的概念。 故以作此笔记，日后忘了可以回来看看。 如果你看的过程中觉得理解有些困难，把例子在代码中跑一跑，亲手试一试也许能解决不少疑惑。

前面所有的教程都是解读官方的示例代码，是时候我们自己写个连接数据库的 redux 程序了！

今天，我们要讲解的是 react+redux 服务端渲染。

今天，我们要讲解的是异步、单一 state 树结构、componentWillReceiveProps 这三个知识点。

今天我们通过解读 redux-undo 的官方示例代码来学习，在 redux 中使用撤销功能、devtools 功能、以及 router。

reduce()、filter()、map()、some()、every()、... 展开属性 这些概念属于 es5、es6 中的语法，跟 react+redux 并没有什么联系，我们直接在 https://developer.mozilla.org/en-US/ 这里可以搜索到相关 api 文档。 但是 redux 的官方示例中包含了这些语法的用法，我们正好可以在程序中学习这些语法。

我们知道 react 本身是个状态机，也就是说组件是 state 的表现形式。那么 redux 提供了一个全局的唯一的状态树，是不是就不需要组件本身的 state 了呢？

通过解读官方示例代码（counter）的方式来学习 react+redux