ZHUSCAFE

之前一直以为同步的几个 `setState` 调用批量合并再一次性更新，结果发现这是我的一个误解。

随着组件化的盛行，一些人开始使用 CSS in JS 的方案，目前比较流行的就是 Styled Components，为什么这种方案会被一些人接受并使用呢？我想从动机出发谈谈这个方案。

最近写了一个 React 动画组件，在这里记录一下实现的思路。

一般来说使用编写的 `React` 组件会用一个 `render` 方法，然后整个应用有一个唯一的根元素，但是有时候可能希望有一些例外，比如说编写类似 `popover` 的组件，可能会有一些不方便，如果能将其渲染到 `body` 上则会方便许多。

在写自定义的 `radio`，`checkbox` 这些东西的时候遇到了一个坑，在这里记录一下。

`React.js` 提供了两个附加组件方便我们定义动画，分别为 `ReactTransitionGroup` 和 `ReactCSSTransitionGroup`。`ReactTransitionGroup` 是低层次的 API，`ReactCSSTransitionGoup` 是高层次的 API （做了进一步的封装，使用上更加方便但也相应的没有那么灵活）。