Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Componentes X Estilos separados

Bom dia

Diante da possibilidade de se somar o poder do tailwind com uma melhor organização de estilos (separando o arquivo) conforme demonstrado em aula ao construir o componente Dropdown. Poderia ser adotada apenas essa abordagem em todos os componentes menores do projeto?, ou seja, visando uma melhor organização e evitando-se o excesso de escrita verbosa de classes diretas no markup pelo tailwind. Até mesmo para componentes com duas únicas classes, mas que para se manter o padrão e consistência, também separar o arquivo de estilos.

Pergunto isso, pois sei que na documentação do Tailwind, há a possibilidade de se utilizar o apply com layout (similar a separação de estilos em outros arquivos a parte dos componentes), porém eles recomendam não utilizar sempre essa abordagem, pois perderia o conceito chave do framework (que é utilizar classes utilitárias). Sei que pode ser uma indagação que pode levar ao famoso: "depende", mas gostaria de ouvir opniões e outros pontos de vista

Atenciosamente

Felipe D.R

2 respostas
solução!

Olá Felipe D.R, tudo bem?

Sua pergunta é muito pertinente!

A abordagem de separar os estilos em um arquivo diferente, como fizemos com o componente Dropdown, pode sim ser adotada para todos os componentes, mesmo os menores. Isso pode ajudar na organização do código e na manutenção futura, pois os estilos estarão centralizados em um único lugar.

No entanto, como você mencionou, a documentação oficial do Tailwind sugere que essa abordagem não seja usada o tempo todo, pois isso pode ir contra o conceito chave do framework, que é utilizar classes utilitárias. Isso significa que, em alguns casos, pode ser mais eficiente e direto aplicar as classes diretamente no componente.

Um exemplo prático pode ser um componente de botão simples, que só tem duas classes. Nesse caso, pode ser mais direto e menos verboso aplicar as classes diretamente no componente, em vez de criar um arquivo de estilos separado.

Então, realmente, a resposta para sua pergunta pode ser "depende". A escolha entre usar um arquivo de estilos separado ou aplicar as classes diretamente no componente pode depender de vários fatores, como a complexidade do componente, a quantidade de estilos que ele tem, e até mesmo a preferência pessoal do desenvolvedor.

Espero ter ajudado e bons estudos!

Boa noite Renan, td jóia

Muito obrigado pelo retorno

Atenciosamente

Felipe D.R