0
点赞
收藏
分享

微信扫一扫

请查收 2020 全球 JS 现状调查报告


完整报告地址: https://2020.stateofjs.com/zh-Hans/

润色/翻译: 蓝色的秋风(github/hua1995116)

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

请查收 2020 全球 JS 现状调查报告_css

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

请查收 2020 全球 JS 现状调查报告_css_02

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

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

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

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

访问对象统计

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

请查收 2020 全球 JS 现状调查报告_typescript_03

特性

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

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

请查收 2020 全球 JS 现状调查报告_javascript_04

技术现状

2016年 - 2020年 趋势图

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

请查收 2020 全球 JS 现状调查报告_css_05

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

风味(Flavors)

请查收 2020 全球 JS 现状调查报告_javascript_06

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

请查收 2020 全球 JS 现状调查报告_css_07

对 TypeScript 的熟悉度一片叫好。

其他工具

请查收 2020 全球 JS 现状调查报告_typescript_08


前端框架

请查收 2020 全球 JS 现状调查报告_css_09

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

兴趣度

请查收 2020 全球 JS 现状调查报告_css_10

满意度

请查收 2020 全球 JS 现状调查报告_css_11


数据层

请查收 2020 全球 JS 现状调查报告_css_12

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

其他工具

请查收 2020 全球 JS 现状调查报告_css_13


后端框架

请查收 2020 全球 JS 现状调查报告_typescript_14

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

其他工具

请查收 2020 全球 JS 现状调查报告_javascript_15


测试框架

请查收 2020 全球 JS 现状调查报告_javascript_16

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

以下是满意度排行。

请查收 2020 全球 JS 现状调查报告_css_17

什么是 ​​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)


打包工具

请查收 2020 全球 JS 现状调查报告_css_18

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

以下为满意度

请查收 2020 全球 JS 现状调查报告_javascript_19

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

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

请查收 2020 全球 JS 现状调查报告_css_20

其他工具

请查收 2020 全球 JS 现状调查报告_javascript_21

移动和桌面端

请查收 2020 全球 JS 现状调查报告_typescript_22

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

其他工具

常用的工具函数库有?

请查收 2020 全球 JS 现状调查报告_css_23

其他工具函数库

请查收 2020 全球 JS 现状调查报告_javascript_24

JavaScript 运行时选择

请查收 2020 全球 JS 现状调查报告_typescript_25

经常使用那(些)文字編輯器?

请查收 2020 全球 JS 现状调查报告_typescript_26

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

请查收 2020 全球 JS 现状调查报告_css_27

资料

常用的 blog 和杂志?

请查收 2020 全球 JS 现状调查报告_javascript_28

关注了哪些网站和课程?

请查收 2020 全球 JS 现状调查报告_typescript_29

参考资料

[1]

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

[2]

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


❤️ 交流讨论欢迎关注公众号 秋风的笔记,主要记录日常中觉得有意思的工具以及分享开发实践,保持深度和专注度。最近整理了一些大厂的相关内推信息,基本上都是部门直招,包含​美团、字节、阿里飞猪、腾讯、快手、58集团、哈喽出行等多个公司 

请查收 2020 全球 JS 现状调查报告_javascript_30


点赞、 分享是对作者最大的支持❤️

举报

相关推荐

0 条评论