Que tenemos que Tailwind 4 se acerca, se acerca peligrosamente.
Y los haters ya se están poniendo en fila, ¿vale?
Para echar todos sus bilis encima de Tailwind CSS.
Pero ¿sabéis qué? Por más bilis que le eches al GOAT, el GOAT no se inmuta.
No, hombre, no pasa nada, no pasa nada, que no te guste.
Al final, pues hay gustos para todos y también hay incluso gustos malos y gustos buenos también.
Tailwind CSS 4 se está acercando.
Y ahora, ahora bien, igual no te gusta Tailwind, pero tengo buenas noticias para ti, aunque no te guste.
Te lo digo en serio, te lo digo en serio, ya verás por qué.
Y es que entre las cosas que están anunciando, lo primero es que trae un nuevo motor que es hasta 10.000 millones de veces más rápido.
No, 10 veces, te parece poco, 10 veces.
Por ejemplo, la página de Tailwind CSS, la propia página de Tailwind, pues ha pasado a compilarse en 100 milisegundos en lugar de 960 milisegundos.
O sea, 10 veces mejora. Lo cual, pues es tremendo. Una velocidad bastante tremenda.
Luego, mucho más pequeña las dependencias. El nuevo motor utiliza RAST y Lighting CSS.
Lighting CSS, para el que no sepa qué es, es una herramienta de CSS que lo que hace es parsear CSS, optimizar CSS.
Es una alternativa a post-CSS, CSS enano y todo este tipo de cosas. Está muy chulo porque está hecho en RAST y es muy rápido.
Y luego, no tiene dependencia. Bueno, solo tiene una, que es Lighting CSS. O sea, una dependencia.
Y han creado su propio parseador de CSS.
Otra cosa, más novedad. La verdad, tiene muy buena pinta, ¿eh? Tiene muy buena pinta.
Toolchain unificado. O sea, todas las herramientas unificadas.
Ya no vamos a tener que crear nuestro, no vamos a ver nada de post-CSS, ni en la configuración, ni como dependencia, nada.
Vamos a tener ya que el auto-prefixer lo han hecho de forma nativa.
Que el uso del nesting está ya de forma nativa.
Todo esto, cero. No vamos a tener ni que instalarlo, ni configurarlo, ni nada.
Para que veáis un poco cómo es la configuración, en la web de la velada tenemos un poquito de configuración.
¿Vale? Veis aquí Tailwind Config. Ah, no, Tailwind no.
Veis, tenemos que utilizar este archivo post-CSS.
Y veis que tenemos que tener aquí Tailwind CSS Nesting, no sé qué.
Tailwind CSS Auto-Perfixer. Esto fuera. Tomar por saco.
Todo esto fuera. Cero configuración. Cero. Cero configuración.
De hecho, y esto es lo que está muy interesante, aparte de todas las cosas nuevas que traen.
Ojo con esto, ¿eh? Ojo con esto.
Ahora van a tener también algunas variantes que vas a poder componer con el group, con el peer, con el hash.
En lugar de hacer esto, que era un poco raro, vamos a poder hacerlo así.
Y esto, cero configuración. Van a detectar lo que estás utilizando y no vas a tener que configurar nada.
Y la configuración, en lugar de ser en JavaScript, va a ser todo en CSS.
Esto es una muy buena noticia porque vais a ver que ahora pasa a ser más ese sentimiento de que Tailwind estaba hecho con JavaScript.
Pues ahora la sensación va a ser que va a estar hecho todo con CSS.
Porque fijaos, ahora solo vais a tener que instalar una sola, o sea, poner una sola línea de CSS.
Import Tailwind CSS. Ya no esas tres líneas que no te dan tanto sentido.
Y todo lo que son variables, colores y todo esto, se va a poner directamente utilizando como esta directiva theme.
Y ya le pondríamos aquí todas las variables que queramos.
Y ya lo podréis utilizar aquí, directamente.
Fijaos, text, neon, cyan.
Pues así lo vamos a pillar, con este color, directamente.
No tenéis que hacer absolutamente nada.
Los plugins habrá que...
Vamos a tener que emigrar, obviamente.
Trae un montón, pero un montón de cosas muy, muy chulas.
Esto sería para que funcione como hasta ahora, ¿vale?
Por si queréis que funcionen los plugins y tal.
Van a tener una forma de hacerlo por ahora.
Pero la verdad, tiene muy buena pinta.
Tanto en el sentido que van a mejorar el rendimiento y todo esto.
Pero sobre todo porque lo veo que han tardado en hacerlo.
Pero porque se lo han pensado muy bien.
Se lo han pensado muy bien.
¿Sientes que Tailwind se podría usar a nivel empresarial?
Sí, yo siempre he pensado que Tailwind se puede usar en nivel empresarial.
Ahora bien, os voy a decir una cosa polémica.
Yo creo que Tailwind se puede usar a nivel empresarial para páginas en concreto.
Yo, por ejemplo, lo haría para landing page.
Lo usaría sin ninguna duda.
O sea, para páginas fungibles.
¿Qué quiere decir fungible?
Que tienen un tiempo de vida limitado.
Por ejemplo, yo para el producto principal, a mí me dices,
¿tú harías Twitter con Tailwind?
No lo haría, sinceramente.
Yo intentaría que fuese lo más cerca a CSS Puro.
Lo haría así.
Porque el CSS Puro es lo más cerca de la plataforma y eso te va a servir y va a cambiar muy poco y tal.
Pero Tailwind, fíjate.
Si ahora tú hubieras hecho una página como Meta, como Twitter, como cualquier una.
Imagínate una gran, gran página.
Y ahora tienes que emigrar de Tailwind 3 a 4.
La migración te va a poner los pelos como escarpias.
A lo mejor no vas tan bestia.
Porque por suerte hay muchas cosas que seguirán funcionando.
Pero imagínate que tienes muchos plugins y tal.
Va a ser un dolor de huevos.
Muy fuerte.
Y esto al final pasa.
Esto muchas veces pasa.
Eso es frugal, no fungible.
Fungible es que existe la madre que te parió.
Fungible.
Que se consume con el uso.
Bueno, pues que se consume con el uso es que lo usas y lo tiras.
Ya está.
Fungible.
Que lo usas y lo tiras.
Eso es.
Fungible.
Hay que ver, ¿eh?
Cabo en la leche.
Estáis últimamente con las palabras.
Primero es que me entendisteis.
Y lo segundo es que encima es justamente lo que queríamos decir.
Como, hola, fungible como tu ex.
Dios, Dios.
Pero si entendiste, entendiste.
¿Qué más da?
Pero bueno, que es justamente lo que querías decir.
Que lo usas es de usar y tirar, básicamente.
Hablando ya del tema de Tailwind y un poquito sobre las novedades estas.
Que sepáis que mañana sale la base de datos esta de Astro.
Que tiene muy, muy, muy buena pinta.
¿Vale?
Miguel Ángel Duran.
No, Midu.
Efectivamente.
Eso es.
Fungible viene de Funar.
Ya te digo.
Bueno, pues en 22 horas vamos a tener la base de datos de Astro.
Que va a venir con capa gratuita.
Tiene muy buena pinta.
Real time y un montón de cosas.
Seguramente lo vamos a utilizar para nuestra página de la velada.
Que la tenemos por aquí.
La página de la velada.
Que mañana seguiremos desarrollándola.
Que lo sepáis.
Mañana vamos a seguir desarrollándola.
Vamos a utilizar seguramente la base de datos de Astro.
Porque nos viene perfecto.