Tecnología

GitHub migra CSS-in-JS a CSS Modules: 55% menos tiempo en SSR

El problema de origen era predecible: a medida que el número de componentes por página creció, el coste de inicializar estilos en cliente y recolectarlos en servidor se volvió prohibitivo con CSS-in-JS. La solución elegida fue CSS Modules, que elimina cualquier runtime, los estilos se compilan a hojas CSS estáticas enviadas con el HTML. La estrategia de migración fue incremental: cada componente del sistema de diseño Primer recibió un archivo CSS Module paralelo, activado mediante feature flag, validado con pruebas de regresión visual y desplegado gradualmente a staff y luego a todos los usuarios. Para mantener compatibilidad con el prop sx durante la transición, crearon una librería intermedia llamada @primer/styled-react. El patrón de migración gradual con feature flags y pruebas de regresión visual es directamente replicable en equipos con deuda técnica similar.