Não entendi como se faz a diferenciação para saber em qual arquivo criar o styled component. Por que em alguns casos foi criada a const no próprio arquivo do componente, e em outros foi criada dentro de UI?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Não entendi como se faz a diferenciação para saber em qual arquivo criar o styled component. Por que em alguns casos foi criada a const no próprio arquivo do componente, e em outros foi criada dentro de UI?
Olá, Caroline! Tudo bom?
Então, não tem uma regra padrão para ser seguida. O ideal é que os componentes estilizados fiquem no mesmo arquivo do componente que vai utilizá-los. Mas nem sempre é possível, pois o seu código fica enorme, muito difícil de gerenciar no futuro. Nestes casos, recomenda-se separar em um arquivo único esses componentes estilizados que podem ser reutilizados em várias partes da aplicação. Aí que entra a pasta de UI, onde você pode colocá-los lá.
Espero que tenha esclarecido :)
Abração!