带你看看JS的新趋势:「State of JS 2020」中文解读

北京字节跳动网络技术有限公司

「State of JS 2020」数据来源:
2020.stateofjs.com/zh-Hans/tec…

一、技术趋势

一些新兴的 JavaScript 库在开发者间有很高的满意度,但使用率偏低——这可能会让开发者难以选择合适的技术。下面这些数据可以帮我们选择合适的技术。

1-1、时间变化趋势

第一张图代表着这些库随时间变化的趋势。它有四个象限,纵向由下至上代表着使用率由低到高;横向由左至右代表着使用体验由坏到好。也就是说,这张图中每条线越往右上走(线条颜色是红色),代表着这个库越受欢迎,反之,则代表着这个库越来越不被大家所使用(线条颜色是绿色和灰色)。

1-2、满意度与用户数量

第二张图代表着这些库满意度和用户数量的对比。它也有四个象限,纵向由下至上代表着满意度由低到高;横向由左至右代表着用户数量由少至多。

1-3、简单分析

  • 1、前端 UI 框架中,React 的使用率和使用体验都非常高;Vue.js 使用体验也不错,使用率虽然每年都在涨,但是总体使用率还是差了些;Angular 虽然有着不错的使用率,但是使用体验却越来越差
  • 2、Nodejs Server 框架中,Express 的使用率和使用体验都在逐年走高,Koa 的使用率非常低,使用体验也不是很好。
  • 3、打包工具中,webpack 使用率非常高,但使用满意度却有一定的下降,Rollup 使用率和使用满意度都在走高,但从数据量级上和 webpack 还是有差异。
  • 4、TypeScript 和 Jest 可以说是一骑绝尘,不论是使用率还是使用体验都在猛涨。
  • 5、其他诸如 Electron、puppeteer、esbuild 这些库,虽然使用率都不是很高,但是使用满意度也都是非常高的。

二、JavaScript Flavors

可以编译为 JS 的语言的库。

下面这两张图表现了各种语言在开发者心中的满意度:

可以看到 TypeScript 一骑绝尘,各项数据都远远超过了其他库。

三、前端框架

下面这两张图表现了各种前端框架在开发者心中的满意度:

可以看到比较受欢迎的前端框架主要还是 React 和 Vue.js,Svelte 可以说是异军突起,在今年拿下了最高的满意度(虽然国内没啥感觉),Angular 则是一跌再跌。

四、数据管理层

在 web 应用中加载并管理数据的库。

下面这两张图表现了各种数据管理工具在开发者心中的满意度:

不难看出 GraphQL 和 Apollo Client 的满意度都很高,Vuex 的满意度也不错,Redux 的满意度则在下滑。

五、后端框架

在服务器中运行 JS 的库

下面这两张图表现了各种后端框架在开发者心中的满意度:

可以看出比较受欢迎的后端框架是 Express 和 Next.js,国内比较常用的 Koa 的满意度则在逐年下降。

六、测试工具

下面这两张图表现了各种测试工具的在开发者心中的满意度:

可以看到 Jest 一直是比较受欢迎的测试工具,但是在 2020 年,新出的 Testing Library 也很受欢迎。

七、打包工具

尽管看起来 webpack 已经要“一统天下”,但是今年新出的 snowpack 和 esbuild 不论在性能上还是在使用体验上都有很亮眼的表现。

下面这两张图表现了各种打包工具的在开发者心中的满意度:

笔者也是尝试了一下 esbuild,打包体验的确比 webpack 好出不少,能提升 100%+的打包时间,值得尝试。

八、跨端框架

下面这两张图表现了各种跨端框架的在开发者心中的满意度:

可以看到 Electron 还是很受欢迎的,但是跨端框架毕竟还是没有 Native App 性能好,这也是制约跨端框架发展的瓶颈之一。

九、其他工具

下面这这张图表现了其他工具库的用户数量:

可以看到 Axios(http 请求库)、Lodash(工具函数库)、Moment(时间处理库)还是被大家广泛使用的。


欢迎关注「 字节前端 ByteFE 」

简历投递联系邮箱「 tech@bytedance.com

文章分类
前端
文章标签