eslint有一条规则是不允许在componentDidMount中setState，但实际上确实有一种情况需要这么做：计算出渲染好的DOM尺寸然后执行后续操作。如果某种行为是需要被限制的，那么通常来说react一定会警告你或者拒绝执行：例如组件卸载后执行setState。

原文clean-code-javascript，这里总结摘录出个人觉得有帮助的地方，也加入了一些自己的理解（有些文字我感觉保留原文更好，所以直接copy了），其他还有很多点没有列出来，感兴趣可以去看原文。另外这不是强制的代码规范，就像原文中说的，These are guidelines and nothing more。

之前接手公司一个前端项目，开发了几个月后越来越难以忍受项目结构的混乱和打包体积的臃肿（脚手架和基本功能代码都是从公司的其他项目复制过来的），如果不立即进行重构，难以想象以后要怎么维护各个产品线。于是我自告奋勇承担了项目框架的优化任务，这里分享一下我在打包体积优化中所研究的成果，经过几轮的努力，成...

有的时候我们想实现一个数字从a逐渐递增到b的跳动效果，如果用rxjs的话就可以轻松实现。废话不多说直接上源码： {代码...}

forkJoin, zip, combineLatest是rxjs中的合并操作符，用于对多个流进行合并。很多人第一次接触rxjs时往往分不清它们之间的区别，其实这很正常，因为当你准备用来合并的流是那种只会发射一次数据就关闭的流时（比如http请求），就结果而言这三个操作符没有任何区别。

RxJS是ReactiveX编程理念的JavaScript版本。ReactiveX来自微软，它是一种针对异步数据流的编程。简单来说，它将一切数据，包括HTTP请求，DOM事件或者普通数据等包装成流的形式，然后用强大丰富的操作符对流进行处理，使你能以同步编程的方式处理异步数据，并组合不同的操作符来轻松优雅的实现你所需要的功能。

在这篇文章中我会对map,flatMap和flatMapLatest三个操作符进行比较，下面我们来举个例子。 {代码...} 上面的代码模拟了异步行为，每隔1s发射一个数字。这个例子很简单，你会随着时间推移得到一连串的数字。 我们再来看另一个例子。 {代码...} 这里stream会返回一个Observable而不是数字。 如果我想要拿到那些数字，我该...

理解冷热两种模式下的Observables对于掌握Observables来说至关重要，在我们开始探索这个话题之前，我们先来读一读RxJS官方的定义：