[译] 2019 前端工具调研

简介: 自从去年结果公布,我们使用前端工具的习惯发生了什么变化?

原文地址:Launching the Front-End Tooling Survey 2019
原文作者:Ashley Watson-Nolan
译文出自:掘金翻译计划
本文永久链接:github.com/xitu/gold-m…
译者:EmilyQiRabbit
校对者:xingqiwu55555,Mcskiller


自从去年结果公布,我们使用前端工具的习惯发生了什么变化?
image.png

和往年一样,本年度调研的目的也很简单。是为了了解整个行业中,常见前端工具现有的知识和使用水平。
所以在 2019 年,哪些工具位居榜首呢?

️ 现在我们开始本年度调研

我非常感谢你能抽出时间来参与。每一份回答都能为前端社区提供一份更有代表性的样本。

去年调研结果概述

去年,5461 名前端研发花时间回答了 24 个关于不同前端工具的问题。
所以在这些回答中,可以发现什么主流工具呢?

React 和 Vue.js 的使用量激增

受访者回答了三个关于 JavaScript 库和框架的问题。这些问题都和他们对这些工具的了解和使用有关,并且还涉及他们是否认为这些库和框架是前端项目的必需品。
React 和 Vue.js 在前端领域获得了巨大进步。事实上,从与前一组结果的变化来看,React 第一次被认为是前端工具中最必要的 —— 它将 jQuery 从第一的位置踢走 —— 几乎三分之一的受访者是这样回复的(28.47%)。
jQuery 在前端工具里跌落到了第三的位置,位于那些声明他们不认为任何库和工具是必需的的工具之后。Vue.js 是第四名,在 2016 到 2018 年间,它从 3.01% 增长到了 10.21%。

image.png

就这些工具的知识水平而言,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% 的受访者说他们依旧频繁的使用它。

image.png

总的来说,这些问题的趋势清晰的反映出了 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 这里发布。


作者:Yuqi
链接:https://juejin.im/post/5cb800fce51d456e4514f550
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

目录
相关文章
|
JSON 运维 前端开发
lowcode 低代码前端框架 amis 调研
所谓低代码开发,即无需编码或只需少量代码就可以快速生成应用程序。也就是说,企业的应用开发通过“拖拉拽”的方式即可完成。
lowcode 低代码前端框架 amis 调研
|
前端开发 数据挖掘
前端图片合并方案调研
通过产品线数据分析,发现70%左右的图片为小于300K的图片,50%左右为小于100K的图片,因此调研前端图片合并方案是否有利于提高图片批量上传速度。之前做过的前端ZIP方案也是类似的思路。
216 0
|
移动开发 前端开发 JavaScript
指尖前端重构(React)技术调研分析
重构前的技术文档调研与分析,包括技术选型为什么选择react,应用过程中的注意事项等。
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
62 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
8月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0
|
8月前
|
前端开发
前端学习笔记202306学习笔记第五十一天-工厂模式4
前端学习笔记202306学习笔记第五十一天-工厂模式
34 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十八天-数组结构之列表拖拽改变顺序4
前端学习笔记202305学习笔记第二十八天-数组结构之列表拖拽改变顺序4
31 0
|
4月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
34 1
|
8月前
|
JavaScript 前端开发 调度
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
58 0