Estrutura gerada pelo create react app - ImGabreuw/react-wiki GitHub Wiki
Após executar o comando create-react-app, será criado uma estrutura de arquivos e diretórios da seguinte forma:
-
node_modulescontém todas as bibliotecas externas do JavaScript usados no projeto -
publiccontém arquivos base de HTML, JSON e imagens que representam as raízes do projeto -
srcarmazena o código fonte do projeto - .
gitignoreserve para especificar os arquivos e diretórios do projeto que deve ser ignorados pela ferramenta de versionamento de código Git, ou seja, são aqueles que não serão enviados para o repositório remoto -
package-lock.jsoné usado pelo NPM para garantir que a mesma versão dos pacotes utilizados sejam exatamente as mesma para qualquer um que baixar o projeto -
package.jsoncontém informações do projeto (como nome e versão), dependências de produção e de desenvolvimento, scripts de atalho de comandos, configurações de bibliotecas, etc. -
READMEé um arquivo markdown que contém muitas informações úteis sobre o Create React App, tal como um resumo de comandos e links para configurações avançadas.
- O
index.jsé o primeiro arquivo a ser executado quando ao iniciar a aplicação. Nele é escrito código JSX que basicamente é a união de código JavaScript com XML (HTML) no qual é possível inserir uma estrutura similar ao HTML, porém com algumas peculiaridades como a possibilidade de criar "tags" além das tags HTML (ideia de componentes). -
App.jsgeralmente é o primeiro lugar onde se define o Componente principal, frequentemente chamado deApp. Esse componente pode servir como um contêiner para outros componentes e é a raiz da hierarquia de componentes do aplicativo.
- Curso de React.Js e Next.Js (nível intermediário e avançado)
- Como configurar um projeto do React com o Create React App