Estrategias de migración de CSS
Prefiere migración incremental: nuevos componentes en Tailwind, luego rutas calientes, CSS legacy hasta reemplazar.
Reescribir toda la hoja de estilos de golpe casi nunca sale bien. Funciona mejor avanzar por capas: escribir en Tailwind lo nuevo, convertir después las pantallas más transitadas y conservar el CSS heredado mientras siga haciendo falta. Aquí verás el patrón estrangulador aplicado a estilos y una lista de comprobación para el QA.
Strangler por componente
Nueva UI en utilidades mientras el CSS viejo vive. Borra el CSS solo tras QA visual de ese componente.
Primitivos primero
Botones, inputs y cards antes que layouts de página reducen el doble trabajo en design system.
Definición de done
Dos anchos, estados interactivos, CSS huérfano eliminado, valores arbitrarios justificados en el ticket.
Probar
.example { display: flex; gap: 1rem; padding: 1rem; }Nota de confianza: verifica el resultado visualmente. El conversor es un borrador para desarrolladores.