完整报告地址: https://2020.stateofjs.com/zh-Hans/
润色/翻译: 蓝色的秋风(github/hua1995116)
千呼万唤的全球2020的JS报了结于出来了。顺便附上2020全球CSS报告地址 2020年度全球CSS报告新鲜出炉html
咱们来看看这一个糟糕却又不平凡的一年,JS发生了什么样的变化。前端
尽管2020年很糟糕,但 JavaScript 做为一个总体仍然设法向前发展。随着语言自己的不断改进,得益于诸如可选链操做符和空值合并操做符并等新特性,TypeScript静态类型的普及更是将JS带到了一个全新的高度。vue
在框架方面,就在咱们认为一切都已解决的时候,Svelte 横空出世以全新方式给前端注入新的血液。 在多年的webpack统治下,甚至构建工具也显示出新活动的迹象。react
可是此次的区别是,相对而言,“老”后卫什么都没走。 Svelte和Snowpack很棒,可是React和webpack也很棒。 能够确定的是,它们最终也会成为JavaScript大流氓的牺牲品,可是不会持续不少年。webpack
因此,让咱们享受咱们所拥有的: 一个不断变得更好的伟大的生态系统!git
采样对象一共为 20744 位开发者。github
虽然大多数受访者都知道调查中提到的大多数JavaScript特性,但不少人尚未真正使用它们。web
这图表显示了按类别分组的全部特性的不一样采用率。外圈的大小对应于了解某项功能的用户总数,而内圈则表明实际使用过该功能的用户。segmentfault
2016年 - 2020年 趋势图后端
每条线从2016年到2020年(粗部为2020)。纵轴越高,表示一项技术被更多的人使用,横轴越大,表示有更多的用户想要学习,或者曾经使用过,还会再次使用。
能够看出随着年限的的增加。webpack、Express、TypeScript、Jest、React 能够说是很是强势了。
能够看出 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,它使得针对组件编写测试用例就像终端用户在使用它同样方便。----摘自 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 和杂志?
关注了哪些网站和课程?
若是个人文章有帮助到你,但愿你也能帮助我,欢迎关注个人微信公众号 秋风的笔记
,回复好友
二次,可加微信而且加入交流群,秋风的笔记
将一直陪伴你的左右。