2021年的JavaScript全景图

在Web开发中，我们的世界迅速变化，但我们可以识别2021将带来什么?通过从2020个开发人员调查中仔细审查数据，我突出了我认为大型JavaScript故事的想法。

在进入详细信息之前，请快速注释JavaScript调查。可悲的是，下一个版本的优秀前端工具调查，不会出现一段时间，这使得发现趋势更加困难。虽然我们可能会缩小一个良好的调查，但是一个新的一个新的液体突然出现：前端的状态。虽然没有以前的年度数据来帮助我们看到趋势，但它被来自世界各地的4500名开发人员填充，所以这绝对是一个有价值的资源。

让我们潜入并探索从数据获得的洞察力。

包管理工具

去年，我建议我们注意PNPM的崛起，这旨在避免版本冲突并与Monorepos一起玩。它去年有一些热情的倡导者，并在Github上达到了9.5万星，所以它明显赢得开发人员。然而，鉴于嵌入式Yarn和NPM在现场项目以及既有新功能的情况下，鉴于2021年，我觉得它不太可能认真竞争2021年的使用。这些特征中的一些是直接响应PNPM的，特别是工作区的开发。这只是展示竞争在驾驶开源软件方面的重要性程度。

测试

2019年，Cypress和Puppeteer在2020年突出了高新的条目，两者都继续取得成功。但是，微软为Playright的形式带来了一个新的E2E测试工具，似乎从无处出现并仅在2020年仅在20千升之下。作为世界上最大的软件公司之一，他们拥有群集广泛促进他们的商品，但这仅部分地解释了该工具的普及。主要原因是其特征集合来自Puppeteer的简单迁移路径。

> Playright tops the Rising Stars testing frameworks chart despite not having featured at all in 2019

由于Nadella担任首席执行官，微软制定了一种生产流行和强大的开源工具的习惯。vscode任何人?

JavaScript风格

我在去年表示，Typescript慢慢但肯定地取代了JavaScript世界;这种趋势加剧了。无数的开源项目急切地将其列为功能。Deno是2020年是最具出售的GitHub项目，附带了内置的类型标注编译器。

去年，鉴于对静态类型和函数规划的兴趣，我们谨关注Prescript，它强制执行。然而，2020年的采用不是那么广泛，只有641个新星在GitHub上，兴趣下降3%。看TypeScript与竞争对手之间的巨大用法差距，感觉就像语言战争结束，微软的产品赢了。任何新人都会在社区审议多年和语言过载的气氛后，努力使我们的注意力得到促进。

这是一个我解除的区域，以便看到社区会聚。现在，我们避免对不同超级集的分心，并更多地关注语言本身。

UI框架

Vue是2019年最具特色的框架，这是当时的大新闻，并发出明确的信息：开发人员喜欢它。这是2020年的同一个故事。但是，当我们看看NPM下载时，React的市场份额仍然是巨大的。

> React downloads in the past year

其他有用的指标：GitHub中的标签和广告作业。目前，GitHub上有超过80k的Repos标记为“React”，与25K为“Vue”相比。期待就业市场，最后五月职业生涯Karma在美国的React开发人员发布了10,005个工作机会，只有1,025个Vue的工作机会。React是普遍存在的，悲伤的竞争很僵硬。

我无法在不提及Svelte和Angular的情况下得出结论。Angular仍然很受欢迎 - 去年它获得了13.3k颗新的明星，并在NPM上每周下载近25亿下载。这可能会对一些令人惊讶的是，给予React的主导地位，但这些统计数据值得识别。Svelte，非常年轻，但在JS状态下取得满意度图表。但是，由于对React和Vue Devs的陡峭学习曲线，我只希望它在2021年度在2021中获得适度的收益。

后端

现在这是一个复杂的空间，静态站点的框架与API生产的框架坐在一起。如果我们稍微打破一下，并看一下仅限服务器框架，我们可以看到Express仍然坐拥着51.5万星。然而，Nest已经在2020年爆发了一个惊人的10.3k新的星星，总共达到了33.6k。开发人员已经采取了它，因为它们被自以为是，可以加快开发和简化维护。哦，我提到它使用Typescript吗?

看着全堆栈框架的扩散，在这个空间中的心灵和思想都有一个非常重要的战斗，因为它们对架构，性能和工作方式具有如此大的影响。基于React的框架，NextJS和Gatsby仍然比使用的VueJS对应物更受欢迎，但只能确认我们已经了解了UI框架生态系统的内容。真正值得注意的是，Gatsby的满意度降低了多少。轶事证据表明它有一个令人困惑的DX，尽管有足够的证据来驳斥在线。使用Vercel开发的NextJS并将像静态网站生成这样的功能向其军火库开发，我只能看到今年的力量力量。

构建工具

这个地区现在有一些值得注意的竞争。尽管对WebPack的DevX有所抱怨，但它长期以来一直统治至高无上，并且仍然具有最高的主要使用率。去年，我们看到罗马挑战这个空间，今年我们有eSbuild，Snowpack和Vite走上了上升的星星图。ESBuild的汇率很简单：加快构建时间。这对许多工程团队来说显然非常有价值，并解释了朝向它的举动。

> esbuild and Snowpack are joint top of the State of JS 2020 build tools chart

虽然GitHub Stars是一个公制，但是Snowpack在JS调查状态下，更重要的是，它是一个满意度图表的联合之外。虽然用法可能仍然很低，但我觉得它的时间来了。SnowPack和Vite的受欢迎程度发出重要信息：本地ES模块是由社区认真对待的。这是一个巨大的主题，因为它对构建过程，缓存和开发/刺激模块对称性的影响。

状态管理

没有其同伴状态管理，UI框架将是什么?抛开关于复杂性的辩论与未来打样，这一区域特别有趣，因为Redux从两角度受到挑战：从React本身和独立的新人之间。

我从个人体验中了解了强大的React的钩子和上下文API，但它们确实有他们的局限性。无论哪种方式，它们肯定是React开发人员的重大打击，几乎一半的前端参与者陈述他们使用它们。

> State of Front End 2020 Survey State Management Category

结论

在去年的文章中，我探讨了合并的主题。经过多年的不同模式，框架和库感觉就像我们在模式和实践中对齐。虽然我觉得这一趋势在2020年持续下去，但很明显，JavaScript的受欢迎程度导致了以前保护其他语言的市场的工具;通过越来越多的E2E测试和机器学习工具说明。

从2020个数据中出现的关键主题是大型软件供应商定义了JavaScript横向。微软的Typescript正在成为一个建立在它的行业标准和项目，它具有更好的成功机会，Nest和NextJs(不困惑)是一个很好的例子。

Jamstack方法的影响和速度需求也是影响因素，静态站点发生器和eSBuild等工具非常快速地突出。

JavaScript全景只是继续扩展，通过快速演变，通过功能，浏览器支持，运行时间和永远扩大的数字地平线推动。

原文链接：https://javascript.plainenglish.io/the-javascript-landscape-in-2021-573d5e7a43c6