GitHub ha completado la migración total de su plataforma principal, github.com, desde CSS-in-JS hacia CSS Modules, una decisión que busca mejorar significativamente el rendimiento y reducir la dependencia de librerías de estilos en tiempo de ejecución. Este cambio, liderado por el equipo de Primer Design System, fue implementado de forma gradual entre 2024 y 2026 para evitar interrupciones en el servicio. El proceso inicial se centró en el sistema de componentes Primer, donde se reemplazaron los estilos dinámicos por hojas de estilos CSS estáticas, lo que eliminó los costes de cliente y servidor asociados a la renderización en tiempo real. Para gestionar la transición sin romper la funcionalidad existente, el equipo utilizó banderas de características y creó componentes envoltorios en la librería @primer/styled-react, permitiendo a los equipos de desarrollo continuar utilizando la propiedad sx durante la migración. La fase final de la migración, iniciada en abril de 2025, implicó la eliminación de aproximadamente 7.760 instancias de sx en el código base de GitHub. Aunque el trabajo fue inicialmente automatizado con herramientas de codemod, la complejidad aumentó con el lanzamiento de agentes de IA como Copilot, que aceleraron la migración de 895 a 0 instancias de sx en tres semanas en abril de 2026. Los resultados muestran mejoras de rendimiento en el tiempo de renderizado en el lado del servidor, con ganancias que oscilan entre el 1% y el 22% en ciertas páginas. Esta transición no solo optimiza la carga inicial, sino que también permite a GitHub eliminar por completo las dependencias de styled-components, facilitando la gestión de sus siete temas y modos de alto contraste.
Noticias agregadas con IA