Quando eu era do Front-end, eu usava bastante tailwind. Na verdade eu sempre... · Programmer404

Em resposta a Você utiliza Tailwind nos seus projetos? Se sim, gosta?

Quando eu era do Front-end, eu usava bastante tailwind. Na verdade eu sempre usava, pois escrever CSS na mão é coisa de maluco. No entanto, antes do tailwind, eu já tinha uma base CSS forte, então eu entendia muito bem o que cada coisa fazia.

Código de Front-end no geral sempre vai ser uma bagunça pois componentes e tags html são extensos mesmo. Piora ainda mais com os estilos tailwind.

Talwindcss sem dúvida é o padrão para produtividade no Front-end. Muitas library de componentes usam tailwindcss também. Da para amenizar a quantidade de estilos em um componente usando técnicas que eles mesmos provem na documentação deles.

Pilati

2 horas atrás

Código de Front-end no geral sempre vai ser uma bagunça pois componentes e tags html são extensos mesmo

Se você defende isso:

<form class="w-full max-w-xs space-y-3">
    <input type="email" placeholder="Email" class="h-11 w-full rounded-lg border border-border bg-secondary px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary" value="">
    <input type="password" placeholder="Password" class="h-11 w-full rounded-lg border border-border bg-secondary px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary" value="">
    <button type="submit" class="flex h-11 w-full items-center justify-center rounded-lg bg-primary text-sm font-normal text-primary-foreground transition-colors hover:bg-primary/90 active:scale-[0.98] disabled:opacity-60">Continue</button>
</form>

Em vez disso:

<form class="form">
    <input type="email" placeholder="Email" class="field" value="">
    <input type="password" placeholder="Password" class="field" value="">
    <button type="submit" class="btn">Continue</button>
</form>

Só tenho que te chamar de doido hahahaha

Programmer404

Autor

1 hora atrás

O problema é no gerenciamento dessas classes e no arquivo .css. Não estou dizendo que prefiro tailwindcss, que foi motivo de muita dor de caebça para mim, mas que para produtividade, não tenho dúvidas que é a soluçao padronizada.

Hoje em dia .css melhorou bastante e se tornou mais modular, é claro, mas questão de tempo até que classes tenham o mesmo estilo, ou seja necessário refatoratr um arquivo com mais de 1k de linhas para otimizar mais, enfim, há diversos pontos.