Etapa 6: Inicializar o Projeto

Para iniciar o projeto, utilizaremos o terminal. Siga estes passos:

• Abra o terminal no seu editor de código (se ainda não estiver aberto).
• Execute o seguinte comando e pressione Enter:

O comando npx é usado para executar o pacote create-react-app sem a necessidade de instalá-lo globalmente. O ponto (.) no final especifica que o projeto deve ser configurado no diretório atual.

Nota

A inicialização do projeto pode levar algum tempo. Permita que sua máquina cuide do processo de configuração.

Quando estiver concluído, você verá a mensagem no terminal: Happy hacking!.

Além da mensagem de confirmação, o diretório raiz do projeto terá a seguinte estrutura:

Etapa 7: Começar a Customização

Com o projeto configurado, é hora de começar a programar e customizá-lo para as suas necessidades. Aqui está o que você precisa saber:

• Seu foco principal estará dentro do diretório src.
• Dentro do diretório src, você encontrará vários arquivos. Para criar seu projeto personalizado, você pode deletar todos eles.
• Siga a arquitetura de projeto que você usou no CodeSandbox. Crie um arquivo index.js como o principal ponto de entrada e construa todo o projeto em App.jsx.
• Organize seus componentes e estilos, criando novos diretórios conforme necessário.

Passo 8: Visualize Seu Projeto

Para ver a página ao vivo do seu projeto, execute o seguinte comando no terminal e pressione Enter:

Isso iniciará seu aplicativo React, e você poderá acessá-lo no seu navegador web.