我个人做前端开发是有过一个断层的。
第一阶段（切片阶段）
在10年的时候，前端的工作，更多的是在切片的层面上，从IPO（input->process->output）的层面上讲：
input：输入的是PS产出的页面图片；
process：前端的工作是，拿到图片，使用fireworks这一类的工具进行切片，那时候还要配合dreamweaver工具，主要是用于PHP、.NET以及JavaEE这类的技术栈上；
output：输出自然就是可以用浏览器解析的HTML页面，加上JS、CSS这些进行打包，给后台进行标签嵌入。
这个阶段的前端更多的是苦力活儿，薪资水平也不高，但是很累，不过门槛很低。
第二阶段（过渡阶段）
大概是12-14年左右，我接触了Bootstrap，自从Bootstrap这一类的工具流行起来以后，前端的开发处在了一个比较尴尬的地步，因为大多数的组件可以靠着一类的工具进行组件式的开发，栅格化的布局，让前端的切片工作，在进行小型网站开发时，处在了一个有点儿尴尬的地步，自此以后，我主要从事后台服务开发，也很久没有接触过这类东西了。
第三阶段（架构阶段）
18年初，我已经做了两三年的C++开发，突然有个项目组协调到我，说公司现在的业务需要开发web平台的软件，但是目前公司里没有此类的人员。问了很多人，才知道我之前有过几年的前端开发经验，所以直接协调我过来做前端架构师！
拿到了需求后，发现有大量的异步数据的传输需求，以及对web这个状态机，有大量的持久化需求，我当时就有点儿懵，毕竟是要做架构，还要带着一群人开发，所以在网上查了一下目前前端的主流技术，然后看到了一大堆不太懂的名词：
react、VUE、AngularJS……
这些是什么？我没有任何头绪。。
于是通过朋友，联系了一个baidu的前端工程师，询问有关前端开发现在的技术，我们交流了20分钟，没有任何进展，后来我拉下脸直说了：为什么没有HTML了？为什么不用打标签了？
那边的工程师恍然大悟：
哦，你说的是几年前的开发模式啊，现在早就不用了。完全变了，你先好好学习吧。
我一脸懵逼，于是花了一个月的时间，学习了React整个框架，并且在接下来的开发周期内，逐步迭代升级了四个版本的架构。
如果你也像我一样，处在这样一个过渡阶段，那么这个系列的文章，对你将会特别有用。
以下是目录：
React从入门到架构（1）--手把手创建、解读以及开发第一个ReactApp
React从入门到架构（2）--如何配置你的“CSS和JS路径”
React从入门到架构（3）--引入组件，试试Ant designer
React从入门到架构（4）--探寻React的props和state