前言
说起React，那也是近一年多时间火起来的前端框架，其在Facebook的影响力和大力推广下，已然成为目前前端界的中流砥柱。在如今的前端框架界，React、Vue、Angular三分天下的时代已经到来，而曾经jQuery一统天下的局面已一去不复返。
三分天下，前端虽乱，但美其名曰“繁荣”。每一次突破性的革命必定会迎来成千上万的追随者，我们可以看一下一份来自NPM的统计数据：
上图统计的是全球范围内React、Vue、Angular在npm中的月下载次数，统计地址可以访问：npm-stat。从图中我们不难发现React虽初出茅庐，但其影响力已经奠定了在前端框架中的霸主地位。
而对于React的开发者来说，如何利用React构建现代化的前端项目，产出高质量的前端代码才是学习React的重点。所以本文就我自己平时利用React开发项目的经验和个人见解，来谈谈在React项目中需要了解和容易忽略的“小事”。
那些小事
俗话说“千里之堤毁于蚁穴”，在React开发中我们不能忙于进度而忽视了细节。
1.使用容器组件与展示组件
容器组件和展示组件名词来自于redux文档。如果你想让自己的React项目变得清晰可维护，那么你需要了解并使用它们。
这里我们将组件分成两类，一类叫“容器组件”，我一般将它们放在containers文件夹下。这一类组件可以理解为最顶层的组件，其功能仅仅做数据提取，然后渲染对应的子组件。
另一类叫“展示组件”，我一般将它们放在components文件夹下。这一类组件可以理解为只具有展示性的子组件，其功能仅仅是展示性的，所有数据都通过 props 传入。
这样分类的好处在于：关注分离，更易复用及维护，数据集中处理等。具体可以参见：译文《容器组件和展示组件》
