Considerando que o npx e Node.js estão instalados, um Técnic...
Considerando que o npx e Node.js estão instalados, um Técnico digitou os comandos abaixo no prompt do Windows para criar e executar um aplicativo React chamado website.
npm install create-react-app
npx create-react-app website
cd website
npm start
No navegador, para aparecer o aplicativo React criado, deve ser utilizado o endereço
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: C - http://localhost:3000/
A questão aborda conceitos básicos de comandos de linha de comando para a criação e execução de um aplicativo React utilizando o Node.js e o npx. Esses conhecimentos são essenciais para qualquer profissional de tecnologia que trabalha com desenvolvimento web moderno, especialmente utilizando o framework React.
Quando o comando npx create-react-app website
é executado, o Create React App é utilizado para gerar um novo projeto React chamado "website". Em seguida, ao entrar no diretório do projeto com cd website
e iniciar o servidor de desenvolvimento com npm start
, o servidor padrão do Create React App é configurado para rodar na porta 3000 do localhost.
Isso significa que, ao abrir o navegador e acessar http://localhost:3000/
, o aplicativo React recém-criado será exibido. Esse comportamento é padrão e é configurado automaticamente pelo Create React App para facilitar o desenvolvimento e a visualização em tempo real das alterações no código.
Vamos agora justificar a alternativa correta:
C - http://localhost:3000/: Esta é a URL correta para acessar o aplicativo React criado usando o Create React App, quando o servidor de desenvolvimento é iniciado com o comando npm start
. O Create React App por padrão utiliza a porta 3000 para o servidor de desenvolvimento.
As demais alternativas estão incorretas porque:
- A - https://localhost:8080/: A porta 8080 não é a porta padrão utilizada pelo Create React App. HTTPS também não é configurado por padrão.
- B - http://127.0.0.1:8080/: Mesmo erro quanto à porta, que não corresponde ao padrão 3000.
- D - https://127.0.0.1:3000/: Embora a porta esteja correta, o protocolo HTTPS não é configurado por padrão.
- E - http://localhost:80/: A porta 80 é a porta padrão para HTTP, mas não é a porta usada pelo Create React App.
Espero que esta explicação tenha ajudado você a entender melhor como os comandos funcionam e qual é a porta padrão utilizada pelo Create React App.
Estou à disposição para esclarecer quaisquer outras dúvidas que você possa ter!
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
servidor local na porta 3000
O servidor de desenvolvimento será iniciado no endereço localhost:3000
Fonte: https://www.freecodecamp.org/portuguese/news/como-criar-um-projeto-em-react-com-o-create-react-app-em-10-passos/
Gabarito letra C
npm install create-react-app: para criar aplicação React
npx create-react-app website: cria um app chamado website
cd website: listá-lo
npm start: iniciar a aplicação no endereço localhost:3000 (padrão)
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo