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

「State of JS 2020」数据来源：https://2020.stateofjs.com/zh-Hans/technologies/

一、技术趋势

一些新兴的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（时间处理库）还是被大家广泛使用的。