2020年最值得学习的尖端JavaScript结构和专题

liukang202421小时前吃瓜科普920

神译局是36氪旗下编译团队，重视科技、商业、职场、日子等范畴，要点介绍国外的新技能、新观念、新风向。

编者按：JavaScript在前端的位置不行撼动，相关职位的薪资待遇也在稳步前进。在这种昌盛的局势下，各种结构和东西层出不穷，一时间令初学的开发者目不暇接，不知该做何挑选。为此，从事软件开发教育创业的Eric Elliott经过剖析Google查找趋势、State of JS Survey、Stack Overflow等查询数据，以及NPM下载量、汇总的职位发布状况等，给出了有助于取得一份JS编程作业的相关引荐，而且对未来十年的前沿技能进行了展望。原文宣布在medium上，标题是：Top JavaScript Frameworks and Topics to Learn in 2020 and the New Decade

假如您想取得一份超卓的JavaScript作业，或许想跟上2020及往后10年的重要技能，那这篇文章你找对了。本文的意图不是要告知你哪些技能栈和结构是“最好的”或许最受欢迎的技能，而是要介绍一下哪些技能栈和结构能为你在2020年及往后拿到一份好作业供给最佳时机。

咱们会研讨各种来历的数据：

依照主题盯梢Google Search趋势State of JS Survey的数据Stack Overflow Survey查询Npm下载量汇总的职位发布状况这些方针都不完美，但就咱们的意图而言，npm下载量和职位发布状况最为重要，当咱们把这些方针汇总起来看的时分，就能明晰共同地描绘出JavaScript技能的地图和趋势。依据这些方针来挑选要学习什么结构是个好主意吗？那要取决于你的方针是什么。

已然咱们有一个清晰的方针——为求职者寻觅学习的出资报答率——那这项使命就比告知每个人什么是最好的要简略多了。虽然没有对全部意图而言都是最佳的东西，但客观地界说什么能为你完成特定的详细方针供给最大的时机仍是比较简略的。咱们无妨看一些数据。

首先是JavaScript的学习

在你开端过火操心技能栈之前，仍是请先学习好JavaScript以及怎样用它来编写软件吧。假如你还没有办法解说什么是函数组合，什么是方针组合，什么模块，请从此处开端（https://medium.com/javascript-scene/composing-software-the-book-f31c77fc3ddc）。全部软件开发都是组合：咱们把一个巨大而杂乱的问题分解成能够用软件的建构块（函数、方针、模块等）处理的小问题。然后再把这些处理方案组装成咱们的运用。咱们的2020就先从充沛了解JavaScript和软件组合开端吧。

React操控了2019，很有或许还会操控2020

我喜爱npm下载量这个方针，由于它能够很好地阐明结构运用的活跃度*。业界常用的结构中下载量方面的得分会高得离谱，由于用户是在本地机器上跑npm install的。

注：此处并不包含jQuery ，由于许多jQuery 项目都是不必npm的老项目，所以不论怎样它都会被严峻轻视。把Svelte放进来是为了让咱们看看它在商场傍边的相对位置怎样，并解说为什么它会缺席图表的其他地方——由于还没有满足的数据可供Svelte做出有含义的展现。比方说，Google查找趋势里边还没有这个主题。

招聘广告汇总

此图计算了现在提到了某个特定结构的职位空缺。*

按UI结构计算的岗位需求

跟上一年比较，React的抢先优势扩展了，而Angular和jQuery都输给了Vue 。这个饼图显现了每个结构的相对作业商场比例：

尖端结构在作业商场的比例

2019年，JavaScript开发人员的平均工资再次上涨，从11.1万美元年收入添加到11.4万美元。

*计算办法：在Indeed.com上查找求职状况。为了消除假阳性，我把查找跟关键字“软件”进行配对以增强相关性，然后乘以1.5（这大概是编程岗位列表中运用了“软件”与与不运用“软件”的之间的差异。）全部查找成果页均按日期排序，并抽查过相关性。这儿得出的数字不是100％精确的，可是关于本文来说，这种精度现已满足好了。

Google查找趋势

就像你或许会想到的那样，查找爱好*多少反映出作业商场的比例状况，但有一些风趣的差异。咱们能够清楚地看到，从2017年到今日，咱们对jQuery的爱好正在削弱，而对Vue.js的查找爱好呈现了微弱添加。以下是查找的比例状况：

跟招聘广告相同，React有很大的抢先优势，招引了前端结构36％的查找量，其次是Angular（约27％）和jQuery （25％）。对Vue.js的查找爱好比其在招聘商场的比例要大得多，但该数据一般与排名中的招聘商场数据共同。看来咱们现已成功地证明了这一点。

*研讨办法：全部术语、数据均按主题而不是查找字搜集，以便从无关的关键字匹配中排除去假阳性。

未来值得重视的结构

跟其他受欢迎但运用不那么广泛的结构（比方说Svelte或Vue，这两个的满意度排名都很高，但职业选用率相对较小）比较，更多的岗位要找的是具有React技能的人。

学习Svelte或Vue 或许显得很帅——可是，假如你的方针是找到一份作业的话，假如你先去学习React就会有更好的时机。

虽然如此，Svelte和Vue 在《State of JavaScript 2019》查询傍边都取得了很高的用户满意度分数。在曩昔，React的用户满意度得分高预示着会抢占其时占主导位置但满意度得分相对不高的Angular的比例。

2019年，React的用户满意度排名最高，用户满意度达到了89％。紧随其后的是Svelte（88％）和Vue.js（87％，低于上一年的91％）。Svelte或Vue 不太或许争夺太多的React用户，可是还有有许多的Angular和jQuery 用户或许会变节转投Svelte或Vue ，从而在2020年推进这两个结构取得进一步的微弱添加。

能够必定的是，把握React会添加你在2020年找到并保住好作业的几率。

TypeScript 与JavaScript

毫无疑问，曩昔几年的时间里TypeScript的添加十分敏捷，依据State of JavaScript查询，89％的TypeScript 用户会再次挑选运用这门言语，有66％的受访者要么用过TypeScript ，要么对运用TypeScript感爱好（略低于上一年的71％）。

可是，虽然咱们对TypeScript很感爱好，且运用率好像也在敏捷添加，可是招聘商场对具有TypeScript经历的要求还不高。只有约7％的JavaScript招聘广告的岗位描绘中提到了TypeScript。当然这或许会轻视了对TypeScript 职位的需求状况，由于招聘司理一般预期JavaScript开发人员把握起TypeScript来不会有太大费事所以有或许不会在岗位描绘中提及TypeScript 。

但我个人坚持以为学TypeScript这门言语的出资报答率或许会比较低，乃至是负的。这有或许会下降而不是前进生产率，而且，假如您现已有TDD，代码检查和规划检查等很好的缝隙预防措施的话，则用TypeScript编程不太或许会带来明显的削减缝隙的优点。

话虽如此，并不短少对TypeScript的酷爱，所以你当然不应该怕它，或许由于人家用的是TypeScript 而不是JavaScript而回绝他人求职。由于TypeScript 是JavaScript的超集，所以从JavaScript转到学TypeScript并不像学习彻底不同的言语那样具有应战性。

想在2020年的作业商场竞争中锋芒毕露你或许不需求学习TypeScript，可是TypeScript 引擎适当有用，哪怕关于规范JavaScript也是如此。

我每天用Visual Studio Code的时分都用他来给规范JavaScript 供给智能感知。乃至还能够运用JSDoc （TypeScript引擎可理解并解说这种类型注释）或外部d.ts 文件来增强这种智能感知，VS Code会主动获取你所运用的模块的TypeScript 界说。

注：用TernJS 和Atom这么多年我也一向享受着相似的优点，可是这种结合缺少TypeScript 引擎+ VS Code 的保护性和社区支撑。

假如你还没用过Visual Studio Code，你能够先试用一下VS Code。趁便说一句，VS Code在JSState查询受访者心目傍边是JavaScript IDE商场的领导者，占有57％的商场比例（其次是WebStorm ，占有14％的商场比例）。

数据办理

Redux 在状况办理器的竞赛中依然具有抢先优势，可是GraphQL 和Apollo在满意度和爱好方面是添加的。估计2020年GraphQL会持续坚持添加。

话虽如此，哪怕你用的是GraphQL ，我依然以为运用Redux 状况办理有充沛的理由，而且我以为即便不必结构，每个人都将从学习Redux中获益。

GraphQL 是近年来盛行的查询言语。它的语法简略，可是由于它是跨整个技能栈运用的，而且学这个东西意味着有必要学习怎样把它连接到数据存储层，因而集成或许会令人生畏——但这是值得支付的尽力。

GraphQL 不会在短期内彻底替代JSON REST API，可是它在2019年的添加乃至变得更快了，我估计这种微弱的添加会持续到2020年。

后端

Express 是主导性的Node结构，用户满意度很高，2020年Express不会遇到严重的应战者，可是跟着无服务器（serverless）的鼓起，我估计在新的十年到来之际，Express的操控位置会逐步下滑。

Next.js是一个一开端建构在Express根底之上的全栈React结构，但尔后已从Express转化到到无服务器和静态优化，然后就像疯了相同开展起来。

当咱们把EricElliottJS.com从Express换到无服务器的Next.js时，咱们的保管费用下降了90％，而且页面加载速度也加快了。所以我再怎样强烈引荐这个都不行。咱们现全部的运用都是用Next.js和Zeit 保管的。

测验

Jest和Cypress别离单元测验和功用测验最受欢迎的东西，可是我个人十分喜爱RITEWay 和TestCafe 。RITEWay 是单元测验之禅：一个一直答复了每个单元测验有必要要答复的5个问题的测验结构。

跟Cypress相同，TestCafe也是一种功用测验东西，这个东西不需求你跟Selenium牵扯不清，可是具有更好的跨浏览器支撑和一个很帅的测验记载器/ IDE。我强烈建议QA小组试试TestCafe 。

函数东西

Lodash 、Ramda 、Immer、Redux以及RxJS都是我常常运用的函数东西。

Ramda在 2019年前进神速，它供给了一些Lodash 所没有的东西，比方lenses（透镜）和transducer（变形器）。RxJS经过pipeable运算符供给transducer风格的函数性。

Immer使得在不改动JavaScript方针的状况下对其进行操作变得很简略。而Redux 是一种状况办理东西。

2020年的技能格式

在接下来的十年时间里，有几种新式技能即将对人类日子发生巨大影响。以下是这些技能最新开展状况的概要：

人工智能或许是有史以来最具革新性的技能。不同的学者和自以为是的亿万富翁都把AI说成是奇观般的乌托邦，或许人类的完结。

这必定是咱们所知的人类的完结，但也或许是人类与机器之间夸姣协作的开端。咱们才刚刚开端瞥见AI或许会变成什么姿态。其间有些令人惊骇（比方说深度假造），而另一些则十分有用（比方说Adobe Premiere对视频修改的新的auto-reframe功用）。事实上，到现在为止，人工智能既极端可怕又极端有用。人工智能会持续制作一些令人惊骇的工作，可是经过人工智能改进人类日子的潜力是巨大的。潘多拉的盒子现已翻开，再也无法封闭，所以我期望你善加运用好AI，用来处理重要问题和改进日子。

2019年在AI范畴取得了许多重要打破。近年来，研讨团队一向在各种视频游戏范畴争相完成超人的体现，但有些游戏类型对AI来说依然充溢应战，比方说像《星际争霸》II这样的战略游戏。DeepMind的AlphaStar程序运用跟人类玩家能用到的相同资源，在Battle.net官方服务器完成了大师级的水平。《星际争霸》是一款杂乱的游戏，需求进行长时间的战略考虑，这种才能从前被以为是AI所不能及的。战略思维代表了通向通用AI路途上的一个严重的路程碑。

假如说把资源用到游戏上看起来好像很愚笨的话，无妨想想DeepMind 这样的项目在文本转语音方面也取得了令人难以置信的前进， AI署理和私家助理被赋予了体现更天然的声响，但相同重要的是，经过这样能够把声响还给那些失声的人。

人工智能还被用来确诊癌症，猜测蛋白质折叠（可用于了解疾病和发现新药），康复残疾人的肢体操控，生成传神的图画等。

无人车

无人车在革新性AI技能傍边应该有自己的一席之地。这个生态系统的大玩家首要包含Cruise、Uber、Waymo、Nuro\Aurora以及福特等。这项技能仍处在初级阶段，过火达观已给这个职业带来了真实的问题，但毫无疑问，2020年代咱们将见证逾越人类水平的主动驾驶才能。2015年我曾对主动驾驶技能做出过猜测：

“到2045年的时分，一俩人开的车看起来会像马拉的双轮单座车相同。”

现在间隔这一猜测已曩昔5年，我想我或许轻视了主动驾驶轿车进入商场的速度。Waymo的车在2018年的行进路程超越了100万英里，美国现已有24座城市的路途上有无人车上路。现在我的猜测是到2025年，多个制作商将会推出多种L5级（全主动）的车型。请亲近重视Tesla、通用、福特及宝马的体现。

在曩昔十年的时间里，AI研评论文的出书量添加了10倍，现在，AI正在把有用、有用的东西交到干流用户手中，估计这种趋势在未来十年仍将持续。

咱们现已开端看到AI能做到一些几年前大多数人都不敢相信的工作。预期AI在2020年代会取得更大的奇观。

区块链和加密钱银

2019年关于区块链和加密钱银来说是具有路程碑含义的一年。区块链技能开端进入干流。我估计2020年会有更大的开展并为干流所选用。

对用户友爱，完成无需答应，无需银行的假贷的DeFi （去中心化金融）呈现了爆发式添加。现在，有6.5亿美元（包含4.5亿美元的无银行借款）被确定进DeFi 合同里边，而2019年是该技能呈现的元年。跟着越来越多的人出资于加密钱银，我估计将来会呈现更多有加密支撑的DeFi 借款。

咱们能够在不献身自己的加密钱银出资时机成本的状况下取得流动性，或运用DeFi借款对加密钱银进行杠杆出资（出资的危险/报答均添加了）。

加密钱银和区块链技能正在打破干流。比特币和以太坊的日活地址在2018年1月达到了顶峰，随后一年，由于商场跌落，咱们的爱好变弱了（每上涨10倍之后，加密钱银的价格就会大幅回落，然后又会在下一个周期攀爬到比上一个顶峰高出10倍的新高）。

比特币和以太坊区块链上的日活地址数

Square的Cash App的Android下载量已超越1000万次，在有着超卓UX的简略app里边，用户能够购买，出售，接纳比特币。Coinbase 的Android下载也超越一千万。Brave推出了内置的以太坊钱包，月活用户数一会儿从2019年10月的870万添加到11月底的1040万。由于有了Sliver.tv和DLive，2000万视频游戏迷正在运用Theta网络进行去中心化的流媒体直播。2019年我最喜爱的开展是Fortmatic 的推出。不论你是不是在开发加密运用，你都能够用Fortmatic来替换用户身份验证并前进安全性，而且脱节被供货商确定，还能够添加比如端到端加密，签名买卖等功用。

假如你打算在2020年开发新运用，无妨考虑一下Fortmatic，而不是再得输入自己的用户名/暗码进行身份验证（2020年没人应该再这样做了），或许把身份验证这件事交给Google、Facebook等。

我从前写过一篇文章评论怎样运用加密技能来改进运用的身份验证和安全性。我很期待在2020年能看到干流运用开端选用Fortmatic等技能。

2019年以太坊轻松赢下了智能合约渠道大战的成功。我估计2020年以太坊仍将持续占有主导位置。

扩展实际（XR）

自2015年以来，我每年都对AR未来充溢期望我，从小就梦想着它的完成。将来，XR将会替代手机。这仅仅个时间问题。需求多长时间依然有待评论，但好像这种改变或许会在未来十年内呈现。乃至或许在未来5年内开端。

跟着VR与AR之间的边界逐步含糊，该职业现在正在把整个范畴泛指为XR（扩展实际）。自面世以来，ARKit 和ARCore （别离是苹果和Google的增强实际SDK）自引进以来已取得了长足的开展。月活用户数已从2017年的4700万添加到2019年5月的1.5亿。

WebAR 在2019年已站稳了脚跟，2020年很或许会持续开展。假如你对此感到猎奇的话，无妨看看AR.js、React 360或Viro React。

硬件也取得了许多开展。2016年推出的Hololens 1大概是5000美元。自此之后又发生了什么呢？

Hololens 2的价格依然高达3500美元，他们还没有为顾客预备。剪切、SLAM（实时定位与地图构建）及视界等方面依然存在问题。你不会想一整天都戴着这样的东西。可是，由于现在它的定价是每月99美元上手个开发者东西包仍是有或许的，虽然你得在等候名单上等一段时间。

无人机

在美国现已售出了大约200万架无人机，它们现已改动了修建，地舆查询，制图，电影，航空摄影，农业，环境科学和文娱等范畴。2020年商用无人机物流配送终究或许在美国成为实际。

FPV无人机竞赛是我最喜爱的欣赏运动，还有Drone Racing League直播赛事。假如你想了解它是什么样的，他们还供给了精心规划的模拟器。