Conteúdo do Curso
Mastering React
1. Introdução aos Fundamentos do React
2. Estilização em Aplicações React
3. Hooks do React e Contexto
Mastering React
Iniciar o Projeto
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 emApp.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.
Tudo estava claro?
Conteúdo do Curso
Mastering React
1. Introdução aos Fundamentos do React
2. Estilização em Aplicações React
3. Hooks do React e Contexto
Mastering React
Iniciar o Projeto
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 emApp.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.
Tudo estava claro?