¡Hola!

Resumen de este email:

• ¿Tiene sentido aplicar Arquitectura CSS con Tailwind? (+ curso publicado en Codely Pro)
• Última oportunidad para apuntarte al Workshop de la semana que viene

⏱️ Tiempo estimado de lectura: 1 minutito.

🤔 ¿Tiene sentido aplicar Arquitectura CSS con Tailwind?

Hasta antes de la llegada de Tailwind, una de las preguntas típicas era cómo organizar nuestro CSS para que fuera mantenible.

La web de CSS Zen Garden fue creada como una respuesta a usar el CSS cuándo y cómo era necesario.

A partir de ahí, poco a poco, fueron saliendo estándares para poder escalar mejor el código CSS como BEM o Atomic CSS, pero a la vez, surgió una corriente que no le gustaba nada este tipo de arquitecturas.

Después de pasar por la época de frameworks complejos como Bootstrap o Material Design, donde eran rápidos para prototipar y lentos para personalizar, surgió Tailwind. Podías hacerlo todo con utility classes.

Lo mejor es que en el momento donde React y Vue estaban traccionando y donde pasábamos de tener un mega HTML a tenerlo separado por componentes, las utility classes cobraban más sentido.

Pero aquí llega el problema. Empezamos a añadir esas utility classes, todo quedaba bastante simple… hasta que empezamos a:

• 🎨 Añadir dark theme
• 📱 Soportar responsive
• 💫 Añadir animaciones
• ✨ Pensar en la accesibilidad

De golpe, con Tailwind, necesitamos un monitor de 100" para poder ver todas las utility classes que hemos añadido.

Este (y no antes) es el momento donde introducir conceptos de arquitectura nos puede ayudar a que nuestros estilos escalen mucho mejor. Sólo por el hecho de introducir BEM, ya recuperamos mucha legibilidad.

Y lo mejor de todo es que se puede hacer con Tailwind, teniendo lo mejor de los 2 mundos: El ecosistema Tailwind y la escalabilidad de BEM.

Esto va en contra de la opinión del creador de Tailwind, Adam Wathan, que recomienda no darle semántica a las clases.

Aún así, en los momento que hemos comentado antes, creemos que tiene muchísimo sentido. Además de que de esta forma nos desacoplamos bastante de Tailwind por si en un futuro surgiera otro framework mejor.

Hace un tiempo, en una conferencia, nos cruzamos con Paco Castelló, Tech Lead Front End Developer en S2 Grupo.

Hablando con él sobre frontend, nos gustó mucho cómo estaban aplicando todos estos conceptos en producción. Tanto es así, que hemos grabado un curso con él contando todo esto. Tailwind CSS: Arquitectura y Buenas Prácticas. Ya disponible para Codely Pro Premium. 😊

🚨 Última oportunidad para apuntarte al Workshop de la semana que viene

El martes de la semana que viene realizaremos la 6a edición del Workshop de IA para programar. Será la última edición que hagamos pública, al menos por un tiempo.

Así que quizás es tu última oportunidad para poder asistir.

En el workshop vemos cómo programar mejor utilizando la IA y muchos TIPs de actualidad de cómo usarla. Una de las novedades más interesantes el la Tool Search Tool que han lanzado en Claude Code y que va a aligerar bastante el contexto si usas MCPs. 🙌

Puedes comprar tu plaza desde aquí. 😊

Y ya que has llegado hasta esta parte de la newsletter, te dejamos aquí el chiste de la semana, qué sé que lo estabas esperando:

> ¿Por qué Redis es la base de datos más respetada? ¡Porque tiene mucho caché! 😂 😂 😂

¡Un saludo!