React作为构建用户界面的前端库(View Library)，现在已经成为各大公司的技术栈一员，我们组内也早已着手基于React来构建项目，有幸从零开始开发了一些页面，有了一些自己的想法。当使用React来构建一个web页面的时候，我都在思考什么？
这里仅以一个简单的web page为栗，暂且抛开使用Reat-router或Redux的单页应用不说。

不知道什么时候喜欢上摄影的，以前爱回忆，总是会拍很多以前的照片，前一段时期，高中班里的qq群里不知道是谁发了一张当时下雪，班里组织打雪仗的图片，看着有些模糊的照片，依稀能辨认出那些仿佛在已经逝去的时光。我打开了qq空间，找到了我当时用人生中第一部手机（Nokia 5130）拍下的照片影像，回忆的回廊就仿佛对我打开了，我转发了一张张照片到群里，常年寂寥的群里顿时活跃了起来了，都在诉说着当年高中的往事。。。
上大学的时候一个哥们玩的摄影，看到他拍的那些照片都比较有感觉，有好几次还和他一起出去拍照，给我介绍单反的各个参数，我们还在宿舍楼顶玩了光绘。

谈到React，不得不提到的就是state，相信你一定用过很多次的setState，也知道setState是一个异步方法，正如官网说的：

setState() does not immediately mutate this.state but creates a pending state transition. Accessing this.state after calling this method can potentially return the existing value.
There is no guarantee of synchronous operation of calls to setState and calls may be batched for performance gains.

Nodejs 作为走向全栈的一把利器，越来越得到前端工程师的追捧，由于Nodejs的非阻塞式IO和异步回调让前端工程师可以无缝隙的从客户端衔接到Node。Node是通过以一个个的package搭建起来的，其中fs作为文件系统模块，让人们可以通过简单的API来实现对文件的增、删、改、减。

注：本文是基于Node 4.x版本讲解，详情查看[官方文档](https://nodejs.org/docs/latest-v4.x/api/fs.html#fs_file_system)

klass.js是一个oop风格的javascript库，提供Javascript传统面对对象的编程风格。

起因

由于部门是从事电商领域，需要全面兼容不同的客户端，这就造成了我们前架构的“繁杂”，以PC端为例：jQuery + jqoteplus + freemarker-Template + React + klass + sass的混搭风你可能真的很少见过（微笑脸）。为了SEO友好，PC端大部分的页面都是使用传统的模版语言来进行后端渲染，前端复用效率比较低，这也就造成了可能只是一个小的需求修改，我们不得不深入到每一个具体的模版页面去修改，降低了工作效率不说，也很繁琐。好像有点跑题了，关于团队的项目后期有机会再聊～

FaceBook在2013年发布了他们最新使用的前端库－React。一个纯View的前端库，只关心View层次的逻辑，React和现有的mvc/mvvc框架（如Angular/vue）侧重点不同，前者侧重View层面的渲染，后者则像提供了一整套工具，更像一个系统。