Oxide, Oxide, Oxide

El pasado 6 de julio del 2023, la Tailwind Connect 2023 se llevó a cabo. Durante esta última, los de Tailwind CSS dieron a conocer su siguiente paso al presentar su nuevo motor, Oxide, que busca redefinir los sistemas que hacen que el popular framework CSS sea posible. Aquí, exploraremos las características clave de Oxide y cómo podría transformar la experiencia de desarrollo con Tailwind.

Oxide simplifica la cadena de herramientas de Tailwind CSS al unificarla, eliminando dependencias externas como PostCSS, autoprefixer y otros complementos. Gracias a un procesamiento incorporado de @import, se simplifica la importación de estilos sin depender de PostCSS. Además, Oxide realiza el vendor prefixing de manera constructiva y transforma la sintaxis CSS para garantizar la accesibilidad en todos los navegadores, prescindiendo de un entorno preset de PostCSS. Este enfoque nativo de transpilación de CSS incluye un plugin de nesting incorporado. El flujo de trabajo se va achicando.

Oxide se basa en Lightning CSS, una plataforma de transformación de CSS desarrollada en Rust. Este enfoque innovador reemplaza tanto autoprefixer como las importaciones de PostCSS, ofreciendo una velocidad superior en comparación con las implementaciones anteriores. La potencia de Rust se aprovecha para mejorar el rendimiento global del motor, superando la velocidad de ejecución en Node.js. La reescritura de partes fundamentales de Tailwind en Rust contribuye significativamente a tiempos de compilación más rápidos, especialmente en situaciones de minificación y producción, donde Oxide demuestra ser más del doble de rápido que las versiones anteriores de Tailwind (v3.3, aunque hay un disclaimer al final de este artículo).

Oxide aborda el desafío común de la configuración complicada en el uso de Tailwind. Detecta automáticamente el contenido con algoritmos sofisticados, simplificando la implementación y liberando a los desarrolladores de la necesidad de configuraciones complicadas. Ahí podemos recordar las veces en que desarrolladores (yo incluido) olvidan configurar el tsconfig.json para tratar todos sus estilos en su proyecto.

El equipo detrás de Oxide está activamente trabajando para eliminar la necesidad de archivos de configuración adicionales de PostCSS, buscando hacer que la configuración sea aún más transparente y fácil de manejar. En resumen, Oxide no solo es un motor de próxima generación para Tailwind CSS, sino también una respuesta a los desafíos recurrentes en el desarrollo web. La eficiencia y simplicidad se vuelven más importantes en el entorno competitivo.

Cabe mencionar que el creador de Tailwind CSS ha declarado sobre Oxide en la por ahora última release del framework, la versión 3.4.\

Habíamos planeado originalmente esas mejoras para la v3.4, pero tuvimos algunas cosas que pulir, y tantas de estas mejoras se habían acumulado que sentimos que tenía más sentido sacarlo todo en lugar de retenerlo. Las funciones de Oxide aún están en camino, y estas serán la mejora principal para la próxima versión de Tailwind CSS el siguiente año.