Desde hace algunos años, el ingeniero de UI Ashley Watson-Nolan, con el apoyo económico de su amigo el diseñador y desarrollador web Wes Bos, elabora una interesante encuesta sobre las herramientas que utilizan los desarrolladores front-end.
La encuesta tiene relativa relevancia porque el número de desarrolladores que la responden es de varios miles. En el año 2019 han participado 3.005 desarrolladores. Además, un 60% de los participantes tienen más de 5 años de experiencia en desarrollo front-end.
La encuesta incluye un total de 27 preguntas sobre diferentes temas relacionados con el desarrollo front-end. No las mencionaré todas, si no que extractaré lo que me parece más relevante de cada grupo de respuestas.
CSS
Preprocesadores
Sass sigue siendo el dominador absoluto. Con un 77% de uso regular.
Frameworks
Resulta interesante observar que el ganador de esta categoría es la ausencia de framework. El 35% no utilizan frameworks habitualmente.
Entre los que sí lo utilizan, Bootstrap es el único con un porcentaje relevante, del 28% de uso. Además del significativo 17% que usan un framework personalizado.
Naming Schemes
El 52% utilizan algún sistema de nomenclatura. Mayoritariamente BEM (un 46%).
Linting
La mayoría, el 53%, los usa. Mayoritariamente Stylelint (un 27%).
Uso de características avanzadas
El 80% utiliza Flexbox. El 29% CSS Grid. Las Custom Properties son usadas por un 28%.
JavaScript
Task Runners
La más utilizada es NPM Scripts, con un 64%. Seguido a mucha distancia de Gulp, con un 19%.
Librerías o frameworks
React encabeza la lista con mucha ventaja sobre las demás, con un 52%. El resto que tienen porcentajes superiores al 10% son: jQuery (37%), Lodash (33%), Vue.js (27%) y Angular v2+ (16%).
Module Bundlers
El 73% utiliza Webpack.
Transpilers
El 82% los utiliza. No se especifica cuáles, pero entiendo que Babel será el mayoritario.
Linting
La gran mayoría, el 76%, usa ESLint.
Package Managers
NPM es el líder absoluto con un 65%. Le sigue Yarn con un 30%.
Testing
Testing de JavaScript
El 64% hace testing. Siendo la herramienta más usada Jest, con un 45%.
Testing del rendimiento
El 68% testea el rendimiento con alguna herramienta. Lighthouse es la mayoritaria, con un 52%.
Resulta curioso que a pesar de lo que Google ha promocionado la tecnología AMP (Accelerated Mobile Pages), sólo el 6% de los desarrolladores la utiliza. Parece que se ha convertido en una tecnología de nicho.
Testing de accesibilidad
La accesibilidad parece ser la gran olvidada por los desarrolladores front-end. El 63% no utiliza ninguna herramienta para testearla.
Existen excelentes herramientas gratuitas para ello, muy fáciles de utilizar. Como son Wave y Axe. Pero su uso es completamente marginal.
Si es por desconocimiento que no aplicas buenas prácticas de accesibilidad, debes saber que sin tener que ser un experto en accesibilidad podemos aplicar unas sencillas reglas que mejorarán considerablemente la accesibilidad de nuestras webs.
Resumen final
A modo de resumen visual representaré los logotipos de las herramientas mayoritarias de cada área.
