Dessa forma fica separado por arquivo? Tipo nesse seu exemplo tem um Container.tsx
e Title.tsx
?
Respondendo a "Muito interessante esse Design Pattern. Eu já u..." dentro da publicação React: Component PATTERN que você precisa conhecer
1
1
Não. Nesse caso estamos falando de estilos de um componente só.
Por exemplo: Temos o componente
no styles.ts dele temos
import {styled} from 'styled-components'
const List = styled.ul`
background: red;
`;
const Item = styled.li``
e no index.tsx teremos:
import * as S from './styles.ts'
return (
<S.List>
<S.Item>item 1</S.Item>
<S.Item>item 2</S.Item>
</S.List>
)
Confira o projeto implementado com esse PATTERN aqui: Projeto do curso REACT AVANÇADO - WILLIAN JUSTEN