注意：Chrome 中打印的对象展开的时候显示的是当前对象的值，可能已经不是打印的时候的值了，所以需要通过在打印的地方打断点的形式来查看准确的值。或者直接通过打断点查看。 两者很像，只是有一些语法上的不一样。 事件名 jsx 中采用驼峰命名。 如果在后面写 return fal…

高阶组件是一种很好的模式，很多 React 库已经证明了其价值。这篇文章中我们将会详细的讲解什么是 HOC，你能用它做什么，它有哪些局限，如何实现它。

首先，我们来看看 React 在世界范围的热度趋势，下图是关键词 “房价” 和 “React” 在 Google Trends 上的搜索量对比，蓝色的是 React，红色的是房价，很明显，人类对 React 的关注程度已经远远超过了对房价的关注。

在 React 中，数据流是自上而下单向的从父节点传递到子节点，所以组件是简单且容易把握的，他们只需要从父节点提供的 props 中获取数据并渲染即可。如果顶层组件的某个 prop 改变了，React 会递归地向下遍历整棵组件数，重新渲染所有使用这个属性的组件。

非常好用，有完整文档 http://docs.slatejs.org 和完整的 Demo http://slatejs.org

俄罗斯方块是一直各类程序语言热衷实现的经典游戏，JavsScript的实现版本也有很多，用React 做好俄罗斯方块则成了我一个目标。 戳：https://chvin.github.io/react-tetris/ 玩一玩！ 开源地址：https://github.com/ch…

当给目标函数添加一系列可观察属性的时候，会先给目标函数生成一个 $mobx 属性作为其代理对象，而后将每个属性值转化为一个 ObservableValue 对象，并存储在 $mobx.value[propName] 中，最后给目标对象设置每个可观察属性的属性描述，通过重写 get 和 set 函数来将外界对目标对象的读写操作代理到其代理对象。

前端项目中，特别是移动环境下，我们特别关心用户的加载速度。加载速度的限制一个是并发链接数，受限于 HTTP 1.1 协议，浏览器的并发连接数存在一定限制，不过我们可以利用 Webpack 等模块打包工具将模块打包到一个文件中（如这里推荐笔者的 Webpack2 React Redux Boilerplate）。此时就会面临另一个问题，首屏加载时候包体过大，而本章节就关注于基于 React 的项目打包编译之后的包体大小优化。我们来看下未进行任何优化操作下的包体大小，也就是开发环境下的包体大小:

handcrafting-an-isomorphic-redux-application-with-love