React 学习

4 min read
# 学习

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

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

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

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

其实这关乎前端的定义。

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

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

可是出现了个移动端。

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

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

直到最近的

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

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

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

webpack

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