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

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

1、技术趋势

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

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

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

一、前端 UI 框架中，React 的使用率和使用体验都很是高；Vue.js 使用体验也不错，使用率虽然每一年都在涨，可是整体使用率仍是差了些；Angular 虽然有着不错的使用率，可是使用体验却愈来愈差
二、Nodejs Server 框架中，Express 的使用率和使用体验都在逐年走高，Koa 的使用率很是低，使用体验也不是很好。
三、打包工具中，webpack 使用率很是高，但使用满意度却有必定的降低，Rollup 使用率和使用满意度都在走高，但从数据量级上和 webpack 仍是有差别。
四、TypeScript 和 Jest 能够说是一骑绝尘，不管是使用率仍是使用体验都在猛涨。
五、其余诸如 Electron、puppeteer、esbuild 这些库，虽然使用率都不是很高，可是使用满意度也都是很是高的。

能够编译为 JS 的语言的库。后端

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

能够看到 TypeScript 一骑绝尘，各项数据都远远超过了其余库。服务器

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

能够看到比较受欢迎的前端框架主要仍是 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 」