1
resposta

[Sugestão] Aviso para quem está aprendendo React com este curso

O curso ensina styled-components, mas essa tecnologia está caindo em desuso porque gera CSS em tempo de execução, impactando a performance. Hoje, o mercado prefere soluções que compilam o CSS antes da execução, como CSS Modules, Vanilla Extract, Sass (SCSS) e UnoCSS. Se você não gosta da ideia de misturar lógica com estilos, essas opções podem ser mais interessantes. Vale a pena conhecer essas alternativas para estar atualizado com as melhores práticas no mercado.

1 resposta

Oi, Bruno! Como vai?

Você trouxe um ponto bem interessante sobre styled-components. De fato, muitas empresas e desenvolvedores têm migrado para soluções que evitam gerar CSS em tempo de execução, priorizando performance e modularidade.

No entanto, styled-components ainda tem uso relevante em projetos que valorizam dinamismo nos estilos e integração direta com a lógica do componente.

Se a intenção for melhorar a performance e evitar estilos dinâmicos em tempo de execução, CSS Modules pode ser uma boa alternativa.

Quando usar cada um?

  • styled-components: útil para temas dinâmicos e estilização atrelada à lógica do componente.
  • CSS Modules: recomendado para modularidade e performance, sem adicionar lógica ao CSS.
  • Sass (SCSS): ideal para reutilização de estilos com variáveis e mixins.
  • Vanilla Extract / UnoCSS: alternativas modernas com CSS otimizado antes da execução.

O importante é entender as diferenças e escolher o que faz sentido para o projeto.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓