资讯专栏INFORMATION COLUMN

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

Java3y / 1716人阅读

摘要:的出现真可谓是前端界的福音,正与之宗旨所说,。据统计,目前世界上有的项目使用了。技术栈学习路线直到前段时间笔者的朋友给推荐了一个,真是欣喜若狂也更加坚定了自己在继续前进的想法。这是一个外国友人总结的一套技术栈学习路线,先给传送门。

我相信点进来的同学都是冲着标题来的,当然本文也不会让各位失望。不过在正式介绍标题所述的内容之前,我们不妨先放下技术,一起回顾下自己做前端技术的心路历程。

前端之路

看多了众多的技术文章,可能早已经视觉疲劳。每天沉没在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的特点的概概括:

声明式设计 −React采用声明范式,可以轻松描述应用。

高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。

灵活 −React可以与已知的库或框架很好地配合。

JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。

组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。

单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

当然还不仅仅限于这些,最令笔者敬佩的是React的核心之一:diff算法,这是React高效渲染的发动机,可惜笔者对其没有深入研究,日后跟进。

心路感知

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

React技术栈学习路线

直到前段时间笔者的朋友给推荐了一个React Study Map,真是欣喜若狂也更加坚定了自己在React继续前进的想法。在这里也迫不及待得想分享给大家(所以这也是一片搬运文)。这是一个外国友人总结的一套React技术栈学习路线,先给传送门。
再附图:

希望它能给正在学习React一点建议或者正在迷茫的朋友一点指向。同时在往后的很长一段时间里,笔者会从中挑选部分内容整理成文章分享给大家。让我们坚定得往前走,Keep Moving...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108378.html

相关文章

  • Vue + ArcGIS API for JavaScript 构建前端GIS应用(一)

    摘要:技术路线的选择技术学习内容汇总技术路线的选择项目的技术路线是使用构建一套前端应用,更加具体的技术路线实际上是,应用到了技术栈加上了最新版的。不管怎么说,以这次项目对的使用体验挺好。本次项目没有使用开源的要求,自然是最好的选择。 写这篇总结的意义:总结,回顾,反思项目进行过程和这套Vue + ArcGIS API for JavaScriptGIS前端应用技术路线,从项目与技术两个方面积...

    lufficc 评论0 收藏0
  • [ 一起React系列 -- 6 ] 秘术之时间旅行-1

    摘要:所谓的时间旅行从广义上来说无非就是三个动作回到过去进入未来回到现在,这个无论是从现实还是前端技术来说都是可靠的。单从技术栈来说,时间旅行不是一门技术而是一个思想套路。 标题看起来挺新颖的,笔者都觉得很高大上是不是哈哈... 抛转 时间旅行在生活中是一个非常吸引人的概念,虽然现在无法实现但说不定未来的某天就实现了!然后就穿梭会过去杀掉小时候的自己然后就开始懵逼自己是谁类似的狗血剧情......

    付伦 评论0 收藏0
  • 听说看了这份Java路线的同,毕业都拿到了大厂offer

    摘要:服务层这一层有点东西了,算是整个框架的核心,如果你跟敖丙一样以后都是从事后端开发的话,我们基本上整个技术生涯,大部分时间都在跟这一层的技术栈打交道了,各种琳琅满目的中间件,计算机基础知识,操作,算法数据结构,架构框架,研发工具等等。 前言 自学/学习路线这样的一期我想写很久了,因为一直想写的...

    Dean 评论0 收藏0

发表评论

0条评论

Java3y

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<