帶你看看JS的新趨勢：「State of JS 2020」中文解讀

「State of JS 2020」數據來源：
2020.stateofjs.com/zh-Hans/tec…

1、技術趨勢

一些新興的 JavaScript 庫在開發者間有很高的滿意度，但使用率偏低——這可能會讓開發者難以選擇合適的技術。下面這些數據能夠幫咱們選擇合適的技術。

1-一、時間變化趨勢

第一張圖表明着這些庫隨時間變化的趨勢。它有四個象限，縱向由下至上表明着使用率由低到高；橫向由左至右表明着使用體驗由壞到好。也就是說，這張圖中每條線越往右上走（線條顏色是紅色），表明着這個庫越受歡迎，反之，則表明着這個庫愈來愈不被你們所使用（線條顏色是綠色和灰色）。

1-二、滿意度與用戶數量

第二張圖表明着這些庫滿意度和用戶數量的對比。它也有四個象限，縱向由下至上表明着滿意度由低到高；橫向由左至右表明着用戶數量由少至多。

1-三、簡單分析

• 一、前端 UI 框架中，React 的使用率和使用體驗都很是高；Vue.js 使用體驗也不錯，使用率雖然每一年都在漲，可是整體使用率仍是差了些；Angular 雖然有着不錯的使用率，可是使用體驗卻愈來愈差
• 二、Nodejs Server 框架中，Express 的使用率和使用體驗都在逐年走高，Koa 的使用率很是低，使用體驗也不是很好。
• 三、打包工具中，webpack 使用率很是高，但使用滿意度卻有必定的降低，Rollup 使用率和使用滿意度都在走高，但從數據量級上和 webpack 仍是有差別。
• 四、TypeScript 和 Jest 能夠說是一騎絕塵，不管是使用率仍是使用體驗都在猛漲。
• 五、其餘諸如 Electron、puppeteer、esbuild 這些庫，雖然使用率都不是很高，可是使用滿意度也都是很是高的。

2、JavaScript Flavors

能夠編譯爲 JS 的語言的庫。

下面這兩張圖表現了各類語言在開發者心中的滿意度：

能夠看到 TypeScript 一騎絕塵，各項數據都遠遠超過了其餘庫。

3、前端框架

下面這兩張圖表現了各類前端框架在開發者心中的滿意度：

能夠看到比較受歡迎的前端框架主要仍是 React 和 Vue.js，Svelte 能夠說是異軍突起，在今年拿下了最高的滿意度（雖然國內沒啥感受），Angular 則是一跌再跌。

4、數據管理層

在 web 應用中加載並管理數據的庫。

下面這兩張圖表現了各類數據管理工具在開發者心中的滿意度：

不難看出 GraphQL 和 Apollo Client 的滿意度都很高，Vuex 的滿意度也不錯，Redux 的滿意度則在下滑。

5、後端框架

在服務器中運行 JS 的庫

下面這兩張圖表現了各類後端框架在開發者心中的滿意度：

能夠看出比較受歡迎的後端框架是 Express 和 Next.js，國內比較經常使用的 Koa 的滿意度則在逐年降低。

6、測試工具

下面這兩張圖表現了各類測試工具的在開發者心中的滿意度：

能夠看到 Jest 一直是比較受歡迎的測試工具，可是在 2020 年，新出的 Testing Library 也很受歡迎。

7、打包工具

儘管看起來 webpack 已經要「一統天下」，可是今年新出的 snowpack 和 esbuild 不論在性能上仍是在使用體驗上都有很亮眼的表現。

下面這兩張圖表現了各類打包工具的在開發者心中的滿意度：

筆者也是嘗試了一下 esbuild，打包體驗的確比 webpack 好出很多，能提高 100%+的打包時間，值得嘗試。

8、跨端框架

下面這兩張圖表現了各類跨端框架的在開發者心中的滿意度：

能夠看到 Electron 仍是很受歡迎的，可是跨端框架畢竟仍是沒有 Native App 性能好，這也是制約跨端框架發展的瓶頸之一。

9、其餘工具

下面這這張圖表現了其餘工具庫的用戶數量：

能夠看到 Axios（http 請求庫）、Lodash（工具函數庫）、Moment（時間處理庫）仍是被你們普遍使用的。

---

歡迎關注「 字節前端 ByteFE 」

簡歷投遞聯繫郵箱「 tech@bytedance.com 」