Exercícios de Fixação – Aula 01 ✍️
Estes exercícios visam consolidar os conceitos iniciais sobre o ambiente React e a evolução do desenvolvimento web.
🟢 Nível: Básico (Conceitual)
Exercício 01: SPA vs MPA
Explique, com suas palavras, qual a principal diferença de experiência para o usuário final entre uma Multi-Page Application (MPA) tradicional e uma Single Page Application (SPA) moderna.
Exercício 02: O Papel do Node.js
O React é uma biblioteca que roda no navegador. Por que, então, precisamos instalar o Node.js em nossa máquina para desenvolver aplicações React profissionais?
🟡 Nível: Intermediário (Mão na Massa)
Exercício 03: Primeiros Passos com Vite
Utilizando o terminal, crie um novo projeto React chamado laboratorio-01 utilizando o Vite. Descreva quais pastas foram criadas na raiz do projeto e qual a função da pasta src.
Exercício 04: Estrutura do App.jsx
Abra o arquivo App.jsx do seu novo projeto e identifique onde o HTML (ou melhor, JSX) é retornado. Adicione um novo parágrafo <p> com seu nome e a data atual abaixo do título principal.
🔴 Nível: Desafio (Pesquisa e Aplicação)
Exercício 05: Hot Module Replacement (HMR)
Um dos grandes diferenciais do Vite é o HMR.
1. Pesquise e explique brevemente como essa tecnologia funciona.
2. Faça um teste: com o servidor de desenvolvimento rodando (npm run dev), altere o estilo CSS de um elemento no arquivo App.css e observe se a página recarrega inteira ou apenas aplica a mudança visual instantaneamente. Descreva sua observação.