Estratégias de migração de CSS
Prefira migração incremental: novos componentes em Tailwind, depois caminhos quentes, CSS legado até substituir.
Reescrever uma folha de estilos inteira de uma só vez raramente corre bem. Compensa avançar por camadas: escrever o que é novo em Tailwind, converter a seguir os ecrãs mais visitados e manter o CSS antigo enquanto ainda for útil. Esta página aplica o padrão strangler aos estilos e junta uma lista de verificação para o QA.
Strangler por componente
UI nova em utilitários enquanto o CSS antigo vive. Apague o CSS só após QA visual desse componente.
Primitivos primeiro
Botões, inputs e cards antes de layouts de página reduzem trabalho duplo no design system.
Definição de done
Duas larguras, estados interativos, CSS órfão eliminado, valores arbitrários justificados no ticket.
Experimentar
.example { display: flex; gap: 1rem; padding: 1rem; }Nota de confiança: verifique o resultado visualmente. O conversor é um rascunho para developers.