什么是 ReactJS 就不多说了，有很优秀的入门教程

究竟 ReactJS 为什么会这么火呢，于是我带上好好学习的心踏入 ReactJS 的大门。

之前的博客的前端就是使用 ReactJS 开发的。

那有什么特别之处呢？怎么感觉和传统开发出来的效果一毛一样？

其实这关乎前端的定义。

传统的概念里，前端就是所谓的前台，由设计师兄弟画一画前端程序员布一布局后台程序员(世界上最好的语言)套一套模板大概就成了。

这样的设定是很带感，曾一度风靡PC端的开发。

可是出现了个移动端。

于是出现了各种优秀的前端框架，承载了大量逻辑交互，后端只需提供好统一的数据接口即可。

于是前端的开发也日益复杂，开发的思维也日益进步。

直到最近的

这时候不得不提起前端构建工具 Webpack 。

Webpack 为什么和 ReactJS 一起开发呢？ 有专门写了关于这两者的菜谱（cookbook） 中文连接 英文连接

这个是手把手地传授为什么听说开发的时候 ReactJS 和 Webpack 更配

• Webpack 的理念是把一切前端的资源（Images, Fonts, JS, HTML, CSS etc）都看作是可以打包的，
• Web components：把前端元素都封装成可重用的组件，项目的开发就是组件的开发，然后拼装起来，每个组件都有自己独立的功能与逻辑，提供特定的与其他组件交互的接口。
• ReactJS 是 Web components 的概念的实现，用 Webpack 将各种资源通过 JS 的 Import 导入到一个文件中，从而封组件的封装。
• Polymer 是通过组件的 HTML import 另一个 HTML组件来实现组件依赖。然而却使用了 ES 7 的功能，使用 Object.observe 来实现数据双向绑定，这对浏览器要求较高，在现阶段还不很好用。