Olá,
Gostaria de saber o seguinte. Tenho uma SPA fictícia (single page application), onde tenho algumas "páginas", como:
- Home
- Produtos
- Contato
E os componentes:
- navbar.component
- footer.component
- produtos.component (dentro de produtos tenho outros componentes
Uma api que faz a requisição GET para o backend, utilizando o método HTTP:
- api.service.ts
Qual seria a melhor maneira de organizar meu arquivo?
Eu havia pensado em uma estruturação, como algo assim, mas estou na dúvida ainda:
Pages
--home
----home.module.ts
----home.component | html | css | ts (.html aqui usaria os selectors para usar o navbar.component e o footer.component, além de algum componente específico para mostrar o corpo da home, como home.component)
--produtos
----produtos.module.ts
----produtos-list (pasta com resolver.ts | html | css | ts | pipe.ts)
----produtos.component | html | css | ts
------navbar.component | html | css | ts
------footer.component | html | css | ts
----
--contato
----contato.module.ts
----contato.component | html | css | ts
------navbar.component | html | css | ts
------footer.component | html | css | ts
shared
--components
--directives
--
--services
----api.service.ts
app.module.ts
app.routing.ts
app.component | html | css | ts
