2020 全球 JS 现状调查报告

大家好，我是若川。偷偷告诉你，今天推文的第二条是在我的公众号回复「网盘」免费领取百度网盘会员，欢迎大家分享转发。

给大家分享一篇好文，往期类似好文：
2020 前端技术发展回顾
2020年大前端技术趋势解读

以下是正文～

---

千呼万唤的全球2020的JS报告终于出来了。顺便附上2020全球CSS报告地址 2020年度全球CSS报告新鲜出炉^[1]

我们来看看这一个糟糕却又不平凡的一年，JS发生了什么样的变化。

尽管2020年很糟糕，但 JavaScript 作为一个整体仍然设法向前发展。随着语言本身的不断改进，得益于诸如可选链操作符和空值合并操作符并等新特性，TypeScript静态类型的普及更是将JS带到了一个全新的高度。

在框架方面，就在我们认为一切都已解决的时候，Svelte 横空出世以全新方式给前端注入新的血液。在多年的webpack统治下，甚至构建工具也显示出新活动的迹象。

但是这次的区别是，相对而言，“老”后卫什么都没走。Svelte和Snowpack很棒，但是React和webpack也很棒。可以肯定的是，它们最终也会成为JavaScript大流氓的牺牲品，但是不会持续很多年。

所以，让我们享受我们所拥有的: 一个不断变得更好的伟大的生态系统！

访问对象统计

采样对象一共为 20744 位开发者。

特性

虽然大多数受访者都知道调查中提到的大多数JavaScript特性，但很多人还没有真正使用它们。

这图表显示了按类别分组的所有特性的不同采用率。外圈的大小对应于了解某项功能的用户总数，而内圈则代表实际使用过该功能的用户。

技术现状

2016年 - 2020年 趋势图

每条线从2016年到2020年（粗部为2020）。纵轴越高，表示一项技术被更多的人使用，横轴越大，表示有更多的用户想要学习，或者曾经使用过，还会再次使用。

可以看出随着年限的的增长。webpack、Express、TypeScript、Jest、React 可以说是非常强势了。

风味（Flavors）

可以看出 TypeScript 依旧独领风骚，其次就是 Elm ，但是 PureScript 也是一个值得关注的增强类型语言。

对 TypeScript 的熟悉度一片叫好。

其他工具

前端框架

正如开头所说，svelte 的出现真的是对前端行业的冲击，原以为三大框架（React、Vue.js、Angular）包揽所有的时候，它出现了，一度成为了第四名（使用量），但是从兴趣度和满意度来看，它未来的潜力不可估量。

兴趣度

满意度

数据层

使用排名比较高的状态管理依旧是Redux、Vuex、Mobx。数据管理为 GraphQL 和 Apollo，并且 XState 横空出世。

其他工具

后端框架

Express 依旧是统治地位，而 Next 和 Nuxt 这些服务端渲染的框架也逐渐成为大家的所选的框架。

其他工具

测试框架

Jest和 Mocha 在使用量上依旧是统治地位，但是新增了 Testing Libray 很强劲。

以下是满意度排行。

什么是 Testing Library ？用于 DOM 和 UI 组件测试的一系列工具，主要 API 包含 DOM 查询，更可以和其他测试工具(jest、cypress)配合，用于更多场景(react、vue、svelte)。而它是 React 的官方推荐。

我们推荐使用 React Testing Library^[2]，它使得针对组件编写测试用例就像终端用户在使用它一样方便。

----摘自 React 官网(https://zh-hans.reactjs.org/docs/test-utils.html)

打包工具

虽然短时间内 webpack 使用量还处于霸主地位，这一年打包工具的发生了巨大的变化。

以下为满意度

可以说这里发生了天翻地覆的变化。从 Parcel 到 Snowpack ，再到后来的 esbuild ，每一个都是打包的好手，至于 Vite 为什么没有在其中，我猜想，Vite 最开始只是为了解决 Vue 单个框架的方向，受众面不够广泛（现在它已经支持了多种框架的打包了）。

放张图来看看这些 bundleless 工具的速度吧。

其他工具

移动和桌面端

Electron 依旧是桌面端的第一选择， Cordova 和 React Native 也是移动跨端的热门选择。但是新出的 Capacitor 值得关注。

其他工具

常用的工具函数库有？

其他工具函数库

JavaScript 运行时选择

经常使用那（些）文字編輯器？

常用用于开发的浏览器有哪些？

资料

常用的 blog 和杂志？

关注了哪些网站和课程？

参考资料

[1]

2020年度全球CSS报告新鲜出炉: https://segmentfault.com/a/1190000038427691

[2]

React Testing Library: https://testing-library.com/react

推荐阅读

我在阿里招前端，我该怎么帮你？（现在还可以加模拟面试群）
如何拿下阿里巴巴 P6 的前端 Offer
如何准备阿里P6/P7前端面试--项目经历准备篇
大厂面试官常问的亮点，该如何做出？
如何从初级到专家(P4-P7)打破成长瓶颈和有效突破
若川知乎问答：2年前端经验，做的项目没什么技术含量，怎么办？
若川知乎高赞：有哪些必看的 JS库？

末尾

你好，我是若川，江湖人称菜如若川，历时一年只写了一个学习源码整体架构系列~(点击蓝字了解我)

1. 关注若川视野，回复"pdf" 领取优质前端书籍pdf，回复"1"，可加群长期交流学习

2. 我的博客地址：https://lxchuan12.gitee.io 欢迎收藏

3. 觉得文章不错，可以点个在看呀^_^另外欢迎留言交流～

精选前端好文，伴你不断成长

若川原创文章精选!可点击

小提醒：若川视野公众号面试、源码等文章合集在菜单栏中间【源码精选】按钮，欢迎点击阅读，也可以星标我的公众号，便于查找