Estou começando aprender React Js e estou com a intenção de criar um site nele, porém fiquei com uma dúvida.
O React Js
é a base de componentes, certo?
Eu tenho o App.js
onde eu chamo os meus componentes e ele irá mostrar na tela.
Vamos supor que quero começar a fazer a Index do meu site.
Dentro da pasta src
eu crio uma pasta chamada componentes
.
Dentro da pasta componentes
, crio umarquivo.js
e umarquivo.css
respectivamente para colocar o css do arquivo.js
Pensando pelo lado de criar componentes, eu não farei igual faço uma página normal com bootstrap apenas criando index.php.
Eu teria que fazer os componentes, não é?
Exemplo:
pasta: src/componentes/header.js
pasta: src/componentes/header.css
No header.js
eu criaria a header
do meu site, e no header.css
eu criaria o css
da minha header
, certo?
A minha pergunta seria essa... Como eu faço para organizar os componentes?
Para cada "página"
eu criaria uma pasta dentro de src/componentes/index
E nessa pasta index, eu criaria os componentes
da mesma?
Suponhamos que eu queira então criar a página "contato"
, eu criaria src/componentes/contato
E dentro da pasta contato, os componentes .js
e .css
?
Pois penso que se eu não separar por pastas, os arquivos ficarão confusos quando o site estiver finalizado, pensando, é claro, que o site seria grande.
Me aprofundando mais na pergunta, o meu questionamento é: Como estruturar as pastas
e os arquivos .js
e .css
para que estejam organizados e fáceis de serem encontrados, principalmente para manutenção?