Reimagine CSS atómico | Programar Plus

Yo mismo no soy el mayor fanático de Atomic CSS. No me gustan todas las clases. Me gusta expresar mis estilos en CSS porque encuentro CSS… bueno. Pero aprecio que a mucha gente parece gustarle, y tiene algunas ventajas claras, como el hecho de que la hoja de estilo generada es generalmente más pequeña que el CSS enrollado a mano creado de otras formas; además, las clases disponibles son como barandales que aseguran uso más consistente en un sistema de diseño.

También aprecio que la innovación esté ocurriendo en este espacio. Parece haber pasado de:

Aquí hay mil millones de clases que puede usar, pero bueno, ¡al menos el CSS sigue siendo bastante pequeño y no cambiará!

A:

Sí, eso, pero vamos a eliminar los que no está usando.

Y ahora:

Vamos a generar la hoja de estilo sobre la marcha en función de lo que utilice.

Anthony Fu analiza muy bien esta historia en “Reimagine Atomic CSS”, donde luego lanza su sombrero al ring y lleva las cosas un paso más allá con UnoCSS. No puedo decir que lo entienda completamente, pero parece que puede hacer todo lo que sus predecesores pueden hacer, pero más, en gran parte a través de configuraciones de reglas. También es rápido (basado en vite) y siempre soy un fanático de las herramientas rápidas, especialmente cuando el objetivo es un circuito de retroalimentación ajustado.

Me parece bastante complejo y parece tener integraciones limitadas. No soy un fanático del bit que convierte estilos en atributos HTML arbitrarios. Si fueran accesorios JSX, está bien. Pero creo que los atributos HTML que van hasta el DOM son peligrosos y deberían ser data-* alcance.

Al mismo tiempo, siempre me gusta cuando la gente piensa en los problemas y comparte sus procesos de pensamiento para resolverlos como lo ha hecho Anthony aquí. Además, hay un parque infantil y eso es divertido.

Enlace directo →