Description
Abrís el proyecto y ahí está: una hoja de estilos de cuatro mil líneas que nadie se anima a tocar, nombres de clase tipo `wrapper-inner-2`, cuatro grises que nunca decidió nadie, y una regla que no podés borrar porque no sabés qué sostiene. Agarrás Tailwind para escapar de todo eso, y por dos semanas es una maravilla: estilar es rápido porque las utilidades viven en el mismo markup. Después una línea de JSX te crece una cola de treinta clases que no se puede leer, el mismo botón aparece en cinco archivos y se va desviando solo, y un rebrand que debería ser una edición se vuelve un buscar y reemplazar en cien archivos. La velocidad nunca fue el enemigo. La habilidad de verdad es usar el sistema como fue pensado, para que estilar rápido deje de reconstruir el mismo quilombo del que viniste escapando.
Esta guía te muestra cómo usar Tailwind CSS para estilar interfaces rápido sin el quilombo que lo rápido suele traer. Arranca desde por qué existe el utility-first y el problema que resuelve (la hoja de estilo descontrolada y los nombres que nunca te salen), y después construye las partes que lo mantienen mantenible a escala: cómo las clases utilitarias mapean a CSS real para que siempre sepas qué estás escribiendo, cómo los variants responsive y de estado (hover, focus, dark mode, breakpoints) reemplazan la mayoría de las media queries a mano, cómo el theme de la config guarda tus tokens de diseño para que los colores y el espaciado se mantengan consistentes, cómo extraer un botón o una card en un componente real en el momento en que copiás un string de clases dos veces, y cómo componer un sistema de diseño chico y coherente en vez de una pila de estilos sueltos. También cubre las partes que la gente hace mal: cuándo recurrir a un valor arbitrario y cuándo eso es un olor, cómo mantener el markup legible, y cómo encaja Tailwind con un framework de componentes como React. El libro no lista cada utilidad. Te enseña a apoyarte en los tokens de diseño, a componentizar antes de repetir, y a entregar una UI que se mantiene consistente mientras crece. Para desarrolladores que quieren estilar rápido y aun así entregar algo limpio.
¿Este libro es para vos?
Esta guía es para: desarrolladores que saben armar una UI pero pelean con su CSS, ahogados en hojas de estilo y nombres, y quieren estilar rápido con Tailwind sin terminar con una pared de clases ilegibles.
Lo que vas a encontrar adentro
- Capítulo 1: El archivo de cuatro mil líneas que nadie se anima a tocar
- Capítulo 2: ¿Por qué el buen Tailwind parece un desastre al principio?
- Capítulo 3: La parte del trabajo que de verdad te come el día
- Capítulo 4: Se veía perfecto en tu laptop, hasta que alguien lo abrió en el teléfono
- Capítulo 5: Hover, foco y dark mode sin tocar JavaScript
- Capítulo 6: El rebrand que debería ser una edición, no cien
- Capítulo 7: Cuando la misma cadena de clases aparece por quinta vez
- Capítulo 8: Dos personas, un botón, dos botones distintos
- Capítulo 9: El formulario que se veía bien hasta que lo abriste en Safari
- Capítulo 10: El arreglo de un píxel que en silencio te cuesta un rebrand
- Capítulo 11: Treinta y una clases en una línea y sin forma de leerlas
- Capítulo 12: Cuatro tonos de gris que nadie decidió
- Capítulo 13: El ingeniero nuevo que entregó como si llevara años
