[譯] 2019 前端工具調研

Yuqi發表於2019-04-18

自從去年結果公佈,我們使用前端工具的習慣發生了什麼變化?

[譯] 2019 前端工具調研

和往年一樣,本年度調研的目的也很簡單。是為了瞭解整個行業中,常見前端工具現有的知識和使用水平。

所以在 2019 年,哪些工具位居榜首呢?

➡️ 現在我們開始本年度調研

我非常感謝你能抽出時間來參與。每一份回答都能為前端社群提供一份更有代表性的樣本。

去年調研結果概述

去年,5461 名前端研發花時間回答了 24 個關於不同前端工具的問題。

所以在這些回答中,可以發現什麼主流工具呢?

React 和 Vue.js 的使用量激增

受訪者回答了三個關於 JavaScript 庫和框架的問題。這些問題都和他們對這些工具的瞭解和使用有關,並且還涉及他們是否認為這些庫和框架是前端專案的必需品。

React 和 Vue.js 在前端領域獲得了巨大進步。事實上,從與前一組結果的變化來看,React 第一次被認為是前端工具中最必要的 —— 它將 jQuery 從第一的位置踢走 —— 幾乎三分之一的受訪者是這樣回覆的(28.47%)。

jQuery 在前端工具裡跌落到了第三的位置,位於那些宣告他們不認為任何庫和工具是必需的的工具之後。Vue.js 是第四名,在 2016 到 2018 年間,它從 3.01% 增長到了 10.21%。

2018 前端工具調研第 16 問的結果:“你認為哪個 JavaScript 庫或者框架是你大部分專案中不可缺少的”

就這些工具的知識水平而言,jQuery 依舊是大多數受訪者覺得使用起來很舒適的工具(79.73%)。但是,這個指標第一次出現了下跌,與上次調研相比,跌落幾近 7%。對比而言,40.43% 的受訪者對 React 有相同看法,同時增長了 12.30%。

使用特性也出現了類似的趨勢,當受訪者被問及他們在當前的專案中最常用的框架的時候,React 和 Vue.js 分別增長了 47.39% 和 22.94%。與 2016 年的調研相比,增長了 10.48% 和 13.59%。jQuery 則正好相反,它的用量跌落了 19.20%,儘管如此它依舊險居首位,51.05% 的受訪者說他們依舊頻繁的使用它。

2018 前端工具調研第 15 問的結果:“哪個 JavaScript 庫或者框架是你當前專案中最常使用的”

總的來說,這些問題的趨勢清晰的反映出了 jQuery 的使用看起來是稍有衰減,開發者認為它是工作流中不那麼重要的工具了。另一方面,在同一時期內,React 和 Vue.js 的使用和知識水平則飛速上升。

CSS-in-JS 工具用量穩定增長

覺得使用 CSS-in-JS 解決方案很舒適的開發人員的數量,是去年結果 19.92% 的兩倍。顯然,更多的開發者在尋找能幫助他們在構建元件的時候封裝樣式的工具。

儘管這個比例只佔受訪者的五分之一,但是它卻有上升的趨勢,今年的結果更值得關注。

CSS Grid 的採用取得了良好的進展

CSS 的佈局功能在過去的幾年中取得了巨大的飛躍。如果你想要躲開 flexbox 和 CSS Grid 相關的新聞和教程,你只能到山洞裡去生活了。

去年的結果顯示,這些特性在開發者中被廣泛的採用。一大部分開發者(67.59%)說,他們覺得使用 flexbox 非常順手。對比而言,只有 18.48% 受訪者同感於 CSS Grid,但是這個數字已經很高了,因為瀏覽器支援 CSS Grid 的時間遠遠比 flexbox 短。如果包含進那些表示至少有過一點點 CSS Grid 使用經驗的受訪者,這個比例將上升至 62.41%。

檢視完整結果

如果你有興趣知道去年調研的所有資料,可以在這篇關於 2018 完整調研結果的文章中檢視

看看上述這些趨勢和特性在另一年中如何發展,真是件很有趣的事情呢。

本年度有什麼新鮮事

在盡力保持調研的簡潔性的同時,考慮到去年受訪者的反饋,我們又新增了幾個新的問題。

隨著 CSS-in-JS 工具的增長 —— 正如在 2018 年結果中顯示的那樣 —— 本年度的調研專門提出了一個關於這類工具的問題。

另外,還有幾個新的問題專門調研開發人員目前正在使用哪些有關效能和相容性的工具以及功能。

由於去年很多人提出了要求,所以我也將會發布一份整理好的調研反饋資料集(匿名)。它將也包括前三年的反饋資料。

參加本年度調研

這些已經足夠了 —— 快來參加今年的調研吧

調研將在四月底關閉,結果將會很快公佈。如果你想要知道具體時間,可以 在 Twitter 上關注我或者在調研的最後留下你的郵箱地址。結果相關的文章公佈後,你將第一時間收到連結。

調研的總結文章也會在 Medium 這裡釋出。

如果發現譯文存在錯誤或其他需要改進的地方,歡迎到 掘金翻譯計劃 對譯文進行修改並 PR,也可獲得相應獎勵積分。文章開頭的 本文永久連結 即為本文在 GitHub 上的 MarkDown 連結。


掘金翻譯計劃 是一個翻譯優質網際網路技術文章的社群,文章來源為 掘金 上的英文分享文章。內容覆蓋 AndroidiOS前端後端區塊鏈產品設計人工智慧等領域,想要檢視更多優質譯文請持續關注 掘金翻譯計劃官方微博知乎專欄

相關文章