Video Summary and Transcription
Hoy vamos a hablar sobre las mejores prácticas para usar Tailwind CSS. Tailwind CSS es una herramienta popular y controvertida. Se divide entre los desarrolladores en dos bandos opuestos. Para algunas tareas, Tailwind es extremadamente genial. Después de trabajar con Tailwind durante mucho tiempo, he identificado dos requisitos principales donde Tailwind es adecuado, y sin ellos, es mejor elegir una herramienta alternativa. El primer requisito es que el proyecto debe tener un sistema de diseño. El segundo requisito para usar Tailwind CSS es que tu proyecto debe tener un enfoque de componentes. Si tienes un sistema de diseño y un enfoque de componentes, entonces Tailwind CSS puede ser una buena opción para ti. En lugar de especificar el mismo margen en la parte superior o inferior, puedes especificar solo uno vertical. La segunda regla al trabajar con Tailwind es agrupar los tokens de diseño y nombrarlos semánticamente. La regla número tres, mantener el orden de las clases. El siguiente consejo para usar Tailwind será útil no solo para Tailwind, sino también al trabajar con cualquier herramienta de contenido, monitorear el tamaño del paquete e intentar optimizarlo. La última regla para Tailwind, usa conjuntos de variantes de estilo para evitar problemas al sobrescribir clases. En lugar de pasar clases arbitrariamente a través de props, define un conjunto de variantes para el componente. Usa menos clases de utilidad, agrupa los tokens de diseño y nómbralos semánticamente. Mantén el orden de las clases, minimiza el tamaño de tu compilación y usa conjuntos de variantes de estilo. Recuerda que Tailwind CSS es una herramienta útil, pero no la única solución para todos los proyectos.
Video transcription and chapters available for users with access.
Comments