[ 一块儿学React系列 -- 0 ] React技术栈学习路线

我相信点进来的同窗都是冲着标题来的，固然本文也不会让各位失望。不过在正式介绍标题所述的内容以前，咱们不妨先放下技术，一块儿回顾下本身作前端技术的心路历程。

前端之路

看多了众多的技术文章，可能早已经视觉疲劳。天天沉没在Coding的世界中，有时候真的须要像诗人同样将本身脱离出来放松一下身心，舒缓一口气...回首走过的路途、看过的风景、品过的茶酒以及爱过的一切。
若是能够的话，笔者想在这里分享下本身作前端一路走来的所感所想。不算什么高谈论阔、不算什么真知灼见，仅仅是所感所想。固然，我也但愿你们也能将本身一路走来的所感所想写在文章下方，你们一块儿交流，一块儿分享彼此的心路历程。
笔者接触前端到如今已经快3年了，从一个前端小白到一个前端中白，中间拜读过不少大佬的文章、也有过不少的思考。
前端是个五彩缤纷的世界，技术更新迭代快到惊人，百家争鸣是如今的主流，这也是前端强盛生命力的来源之一。另外做为JavaScript的誓死追随者，笔者从接触JavaScript第一天开始就慢慢以为：JavaScript真的能够随心所欲。不过从后来笔者基础到的事情证实，本身的想法是对的。听说咱们经常使用的巨硬Office下一代将会使用JavaScript重写；现现在，JavaScript正在慢慢“入侵”社会的各个领域，从最本职的前端 --> 后端(NodeJs) --> 移动端(React-Native等) --> 桌面端(Chrome OS) --> 人工智能(TensorFlow.js) --> 3D(WebGL) --> 数据可视化(d3.js) --> VR 等等...JavaScript正以没法预知的速度在扩展，或许连JavaScrip之父(Brendan Eich)也不会想到他创造的语言居然会如此精彩，毕竟他的初衷只是想用它处理一些简单的页面交互工做。同时这也是笔者坚决拥护JavaScript的根本缘由，代码本就是艺术，用代码创造出来的事物都是艺术品。
回到前端的话题继续聊，在笔者眼里前端世界有四个里程碑：

Jquery

Jquery，真是前端界无人不知，无人不晓的JavaScript库(注意，不是框架)。Jquery为咱们封装了不少咱们平常开发中须要写的代码，如：DOM操做、样式处理、浏览器兼容、动画等等。Jquery的出现真可谓是前端界的福音，正与之宗旨所说：Write Less，Do More。据统计，目前世界上有46%(or more) 的项目使用了Jquery。正是由于其便捷、兼容、快速等特色赢得你们的放心。并且目前国内至关多的外包公司仍在使用Jquery。

NodeJS

2009年NodeJS的出现也是前端的一大壮举，为何呢？由于它将JavaScript带入了后台服务领域而不只仅局限于浏览器。自此，JavaScript能够作更多的事。最最重要的就属后台服务、构建技术。

AngularJs

同年，AngularJs也出如今前端的世界中，虽然它没起到改变前端的决定性做用，可是它的出现为后来前端框架起到了不少启示性的做用，包括其双向绑定、依赖注入、指令等等。

React

2013年React出现了(实际上是正式开源)，一款专一于UI的前端框架。当时脸书(FaceBook)是苦于那时候没有好用的前端框架所以就本身开发了React，后来就在前端界引起了轩然大波。在此引用runoob对React的特色的概归纳：

1. 声明式设计 −React采用声明范式，能够轻松描述应用。
2. 高效 −React经过对DOM的模拟，最大限度地减小与DOM的交互。
3. 灵活 −React能够与已知的库或框架很好地配合。
4. JSX − JSX 是 JavaScript 语法的扩展。React 开发不必定使用 JSX ，但咱们建议使用它。
5. 组件 − 经过 React 构建组件，使得代码更加容易获得复用，可以很好的应用在大项目的开发中。
6. 单向响应的数据流 − React 实现了单向响应的数据流，从而减小了重复代码，这也是它为何比传统数据绑定更简单。

固然还不只仅限于这些，最令笔者敬佩的是React的核心之一：diff算法，这是React高效渲染的发动机，惋惜笔者对其没有深刻研究，往后跟进。

心路感知

放眼如今的前端世界，现在前端框架多如牛毛、数不胜数，但整体看来还是三足鼎立，Angular、Vue、React. 同时令笔者最为佩服的是Vue，它后来居上，可谓是吸收百家之长以相对最完美的姿态出如今大众眼前，一举得到你们的芳心，现在已风靡全世界。
写到这里，忽然想起公司领导说过的一句话：“想作厉害的人，你必需要么比人懂的多，要么比人懂的深”。再结合目前前端的现状，笔者深深得以为本身真的学不了那么多，与其学得多不如学得深一点。固然这仅仅是笔者我的主观意识。很长很长时间以来，笔者一直在迷茫，不知道该往哪儿走、该怎么走，不少问题困扰着本身没法获得合理解答，后来也慢慢想通了，何不专一于某一条路走下去呢？技术是无限的，精力是有限的，并且除了工做咱们还有生活。
后来笔者就选择了React这条路，到底是为何其实笔者本身也不清楚，或许它是我第一认真学习的框架也或许它真的很优雅。

React技术栈学习路线

直到前段时间笔者的朋友给推荐了一个React Study Map，真是欣喜若狂也更加坚决了本身在React继续前进的想法。在这里也火烧眉毛得想分享给你们(因此这也是一片搬运文)。这是一个外国友人总结的一套React技术栈学习路线，先给传送门。
再附图：

但愿它能给正在学习React一点建议或者正在迷茫的朋友一点指向。同时在日后的很长一段时间里，笔者会从中挑选部份内容整理成文章分享给你们。让咱们坚决得往前走，Keep Moving...