「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 」
