Pular para conteúdo

Projeto 01 – Meu Primeiro Universo React 🚀

Neste projeto inicial, você vai configurar seu ambiente de desenvolvimento profissional e criar sua primeira aplicação React personalizada.

🎯 Objetivo

Configurar o ambiente (Node, VS Code, Vite), rodar a aplicação e realizar as primeiras modificações estruturais no código.

🛠️ Requisitos

  1. Node.js LTS instalado.
  2. VS Code com as extensões:
    • ES7+ React/Redux/React-Native snippets.
    • Prettier - Code formatter.

📝 Passo a Passo

1. Criação do Boilerplate

No seu terminal, navegue até a pasta onde guarda seus cursos e execute:

$ npm create vite@latest primeiro-app-react -- --template react

2. Instalação e Execução

Entre na pasta e instale os pacotes:

$ cd primeiro-app-react
$ npm install
$ npm run dev

Acesse o link gerado (geralmente http://localhost:5173).

3. Personalização

Abra o projeto no VS Code e faça as seguintes alterações: - No arquivo App.jsx, remova todo o conteúdo dentro da return ( ... ) do componente App. - Crie uma estrutura simples com um <h1> (Seu Nome), um <h2> (Sua Profissão/Objetivo) e uma lista <ul> com 3 tecnologias que você deseja aprender neste curso.

✅ Critérios de Entrega

  • O projeto deve estar rodando sem erros no console.
  • A interface deve exibir as informações personalizadas solicitadas no passo 3.
  • O aluno deve ser capaz de explicar o que o comando npm run dev faz.

Projeto Concluído

Parabéns! Você acaba de quebrar a barreira inicial e já tem um ambiente React funcional e pronto para as próximas aulas.