[譯] 2019 前端工具調研

• 原文地址：Launching the Front-End Tooling Survey 2019
• 原文做者：Ashley Watson-Nolan
• 譯文出自：掘金翻譯計劃
• 本文永久連接：github.com/xitu/gold-m…
• 譯者：EmilyQiRabbit
• 校對者：xingqiwu55555，Mcskiller

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

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

因此在 2019 年，哪些工具位居榜首呢？

➡️ 如今咱們開始本年度調研

我很是感謝你能抽出時間來參與。每一份回答都能爲前端社區提供一份更有表明性的樣本。

去年調研結果概述

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

因此在這些回答中，能夠發現什麼主流工具呢？

React 和 Vue.js 的使用量激增

受訪者回答了三個關於 JavaScript 庫和框架的問題。這些問題都和他們對這些工具的瞭解和使用有關，而且還涉及他們是否定爲這些庫和框架是前端項目的必需品。

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

jQuery 在前端工具裏跌落到了第三的位置，位於那些聲明他們不認爲任何庫和工具是必需的的工具以後。Vue.js 是第四名，在 2016 到 2018 年間，它從 3.01% 增加到了 10.21%。

就這些工具的知識水平而言，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% 的受訪者說他們依舊頻繁的使用它。

總的來講，這些問題的趨勢清晰的反映出了 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 連接。

---

掘金翻譯計劃 是一個翻譯優質互聯網技術文章的社區，文章來源爲 掘金 上的英文分享文章。內容覆蓋 Android、iOS、前端、後端、區塊鏈、產品、設計、人工智能等領域，想要查看更多優質譯文請持續關注 掘金翻譯計劃、官方微博、知乎專欄。