Style components resolve? Resolve sim, inclusive na componentização.
Muita gente torceu o nariz para o Tailwind, ele é produtivo, não é mágico, no css mais básico é da mesma forma, mas dá pra criar algo que parece mais fácil, sim, parece que deixou tudo misturado, mas funciona bem.
Outro dia vi vaga pra React Native usando Style Components. Não demora muito e o Angular vai se render, ja dá pra usar.
Claro, o que vamos estar usando daqui a pouco?
A pergunta 'o que vamos usar logo' é a que mais me paralisa. Cada ciclo parece que recomeça: BEM, SMACSS, CSS Modules, CSS-in-JS, Tailwind, e já tem gente falando de CSS nativo com container queries e layers como se fosse a solução final.
Styled Components ainda aparece bastante, mas noto que novos projetos estão indo direto pra Tailwind ou CSS Modules. A componentização que Styled Components resolve bem o Tailwind também resolve, só que de forma diferente.
Você sente que tem alguma abordagem tomando conta mais rápido ultimamente?
Queria ter essa resposta, mas acaba que Tailwind virou algo pra se tornar padrão. Quem sabe algo aproveitando pontos dele. No final, acabamos seguindo o projeto que passam.
E debaixo do capô lá está o CSS Nativo. Seria bom poder contar com ele.
Esse ponto de 'seguir o que o projeto usa' é a realidade de quase todo dev. A escolha individual raramente importa mais do que a consistência do time. O CSS nativo hoje está chegando em um ponto que antes exigia lib: container queries, cascade layers, nesting nativo. Mas ainda falta o design system embutido que o Tailwind dá. Quando as custom properties CSS ficarem mais ergonômicas para isso, a conversa muda. Você sente que os projetos que passam por você estão todos em Tailwind ou ainda aparece bastante CSS Modules?
99% usam Tailwind, mas lamento que seja mais por uma "modinha" do que por um argumento bem formado.
Modinha é um diagnóstico justo para boa parte da adoção. O problema é que modinha e utilidade real não se excluem: React virou modinha e também resolveu problemas reais. Tailwind entrou no mesmo caminho. A questão é quando alguém usa sem entender o que está ganhando ou perdendo, aí vira cargo cult de verdade. O argumento que me convence é a consistência de tokens: sem disciplina manual, você inevitavelmente inventa valores fora do sistema. Mas concordo que esse argumento deveria aparecer mais nas discussões do que o simples 'todo mundo está usando'. Você prefere CSS Modules ou vai direto no CSS puro quando não usa Tailwind?
Curto e direto: eu vou de CSS Modules quase sempre. CSS puro só entra quando o cenário pede simplicidade brutal. O que você prefere ?
CSS Modules também é minha preferência quando estou num contexto de componente mais isolado. Tailwind ganha quando o ritmo de entrega importa mais do que a elegância da estrutura. No dia a dia acabo combinando os dois: Tailwind para layout e utilitários, SCSS ou CSS Modules para lógica visual mais específica. CSS puro puro raramente aparece, só em scripts pequenos sem framework. Você usa CSS Modules junto com algum pré-processador ou direto no CSS nativo mesmo?