StateOfJS: 2018年JavaScript生態圈趨勢報告

前言

做爲前端開發者，及時瞭解行業動態對咱們的工做、學習方向起到相當重要的做用，畢竟知識太多，選擇對的學習方向才能既省力又能緊跟技術發展潮流。近期，StateOfJS發佈了剛剛過去的2018年JavaScript趨勢報告，讓咱們一塊兒來看看吧。

2018 年的報告，總共有來自 153 個不一樣的國家共 20,000 多名 JavaScript 開發者參與調查（中國佔總數的 0.37%，共 75 個開發者）。咱們經過這個調查，來肯定這些開發者正在使用什麼技術，他們喜歡哪些技術，以及他們對哪些技術感興趣。但願這個報告能幫助你在 JavaScript 生態之中找到適合本身的技術棧。

今年的報告和前兩年不一樣，取消了 CSS 部分。由於組織者認爲 CSS 是一個龐大的話題，幾乎能夠做爲一個獨立的調查去作。因此這一次的報告就專一於 JavaScript。
除了沒有 CSS 以外，今年的報告主要圍繞着 Flavors、前端框架/庫、數據層、服務端框架、測試框架、Mobile & Desktop和其餘工具這幾個方向進行展開調查，咱們接下來就分別來看看各個方面的狀況是怎麼樣的。

JavaScript Flavors （語言選擇）

從上圖中咱們能夠看到，除了 ES6 以外，TypeScript 是最受歡迎的，遠遠超過其餘幾個同類型的。

平均而言，85.9％的受訪者使用過ES6，並樂於再次使用它。
此比率較高的國家/地區顯示爲紅色，較低的國家/地區顯示爲藍色（調查受訪者總數少於20的國家/地區將被省略）。

46.5％的受訪者使用過TypeScript，並樂於再次使用它。

Reason 也一樣值得你們關注，在2018年逐漸被愈來愈多人瞭解使用。由於 Reason 背後有 Facebook 的支持，而且滿意度也很高。

Front-end Frameworks（前端框架）

在咱們的平常開發工做中，前端框架/庫都是不可或缺的，目前咱們常常可以聽到的就是 React、Vue、Angular，除此以外還有其餘一些框架/庫，那他們的狀況又是怎麼樣的呢？咱們一塊兒來看看：

經過上圖，咱們能夠看出，React 仍是最受歡迎的，Vue 排名第二，對比去年數據咱們能夠得出，框架戰場已經由去年「三足鼎立」變成今年的「兩強相爭」。可是從「使用過而且將再次使用」的比例來看，Vue仍是相去甚遠，不過接受這個報告的開發者更可能是國外的，國內也許這個數據會有所不一樣。Stateofjs 的數據顯示，兩年前有 27％的受訪者表示從未聽過 Vue，如今這個數據已經降到了 1.3%，在 GitHub 上，Vue 的 star 數已經超越了 React，其將來不可限量。而 Angular 雖然擁有龐大的用戶羣，但逐漸被開發者拋棄，已被 Vue 超越，除非 Google 出大招「相救」，不然 Angular 很難再重返冠亞軍寶座。

下面這張圖表描繪了開發人員對前端庫的滿意程度，以及它們擁有的用戶數量之間的關係：

固然還有一些其餘庫，有興趣的同窗能夠本身瞭解一下：

Data Layer（數據層）

從上圖咱們能夠看到，雖然 Redux 在原始數量方面佔據主導地位，但咱們認爲這種趨勢更有利於 GraphQL 及相關技術。

固然，從理論上講，你能夠將 Redux 和 GraphQL 結合使用，但實際上，這種組合最終可能會被特定於 GraphQL 的工具所取代，GraphQL 的客戶端選擇傾向於 Apollo，值得一提的是，最新版的 Apollo 發佈，讓 Redux 變得無關緊要，因此明年這個排名可能會有大變化。

咱們再來看看其餘工具的表現：

Back-end Frameworks（後端框架）

咱們知道，Express 和 Koa 都是同一個做者 TJ 發起的，可是咱們從上圖能夠看到，「使用它，並將再次使用」的比例來看，Express 仍是最受歡迎的，而且遠超於其餘框架，值得一提的是 Next.js，雖然它仍沒法比擬功能齊備的 Node 後端，但它專一於解決 React 應用的服務器渲染問題的特性，使之受到不少開發者的關注。

Testing（測試）

從上圖的報告中咱們能夠看出，Jest 和 Mocha在受歡迎程度上基本差很少，可是 Jest 仍是更受歡迎一些，也許是由於 React 和 Facebook 的緣由，由於 Jest 能夠說是 React 的標配啦，咱們看到有 8.4% 的開發者曾經使用過 Mocha，可是之後將再也不使用它。

Mobile & Desktop （移動端和桌面應用）

「任何能夠用 JavaScript 編寫的應用程序最終都會用 JavaScript 編寫。」JavaScript 不只僅侷限於瀏覽器了。

React Native 和 Electron 是使用 Web 技術構建移動和桌面應用程序的兩個主要解決方案。巧合的是，他們在滿意度和用戶數量上具備類似的數據。Electron 的多功能性（它能夠與任何 UI 框架一塊兒使用）能夠解釋它得到如此超高滿意度的緣由。

Other Tools（其餘工具）

JavaScript生態系統不只限於庫和框架。咱們天天都在使用全部這些小工具，包括用於代碼打包的工具和用於編寫代碼的文本編輯器。

此外，咱們還想知道哪些新瀏覽器API正在得到吸引力; 是的，聽起來很瘋狂，事實證實咱們中的一些人也使用不是 JavaScript的語言！

Other Languages （其餘語言）

Browser APIs （瀏覽器API）

Build Tools （構建工具）

Utility Libraries （實用程序庫）

Text Editors （編輯器）

最後咱們再來看看受訪者們的見解

結論

2018年大部分是2017年已經觀察到的趨勢的延續。

這對咱們來講是個好消息，由於這意味着咱們能夠花更少的時間來擔憂使用什麼，而後用更多時間實際使用它！

但今年可能會再次變化。雖然前端的全部目前都很平靜，可是如何從數據庫獲取數據到客戶端的問題還遠未解決，GraphQL確定會開始在該領域製造愈來愈大的波浪。隨着針對後端和狀態管理層的GraphQL定製解決方案的出現，咱們可能很快就會感受到JavaScript再次在咱們的腳下移動。

但就目前而言，沒有必要恐慌。如今是成爲JavaScript開發人員的最佳時機，並且咱們願意打賭，2019年會更加清晰！

連接：https://2018.stateofjs.com/in...

技術放肆聊公衆號，每日干貨，最前沿的技術知識，掃描下方二維碼關注：