Uma duvida para usar o scss para estilizar os componentes: usando o className={style.xxxx}, ele puxa as configs scss existentes para aqueles elementos, correto?
Porém, se eu quisesse usar o estilo direto no className (como ja vi em alguns projetos no github), qual é a solução/recomendação mais atual? O ideal é usar o tailwind ?
Exemplo:
< form className="px-6 py-6 mx-auto space-y-4 " > ... < /form>
Obrigado.
Oii, Antonio! Tudo bem?
Isso mesmo, o className={style.xxxx} é uma maneira de aplicar estilos definidos no arquivo SCSS a um componente React. Quando você usa essa sintaxe, está se referindo a uma classe CSS definida em um arquivo SCSS importado como style.
Respondendo sobre o uso de estilos diretamente no className, é possível e é uma prática comum em muitos projetos. A recomendação mais atual vai depender do projeto em questão. Alguns projetos preferem usar bibliotecas de utilitários CSS como o Tailwind CSS, por permitir um controle mais granular e responsivo do estilo diretamente no componente.
Caso queira explorar mais o Tailwind, recomendo ter como apoio a documentação oficial deles que é excelente para fixar e adquirir novos conhecimentos. Segue o link:
Espero ter ajudado. Conte com o fórum para te ajudar em seus estudos.
Bons estudos, Antonio!