Exercícios 12 - Introdução ao React ⚛️

🟢 Fáceis

1. Conceito: O que significa a sigla SPA e qual sua principal vantagem?
2. Sintaxe: No React, usamos className ou class para definir classes CSS? Por quê?

🟡 Médios

1. Componentes: Por que dizemos que a arquitetura do React é baseada em "LEGO"? Como isso ajuda na organização do código?
2. Vite: Qual a função do Vite no desenvolvimento de um projeto React moderno?
3. Props: Explique como as props permitem que um mesmo componente (ex: um Botão) seja usado em vários lugares com textos e cores diferentes.

🔴 Desafio

1. JSX vs HTML: O código abaixo é Javascript ou HTML? Justifique sua resposta mencionando pelo menos duas diferenças sutis que o JSX impõe.

   const elemento = (
     <div className="container">
       <h1>Título</h1>
       <br />
     </div>
   );
   

   • O que acontece se eu esquecer de fechar a tag <br>?
   • Como eu faria para exibir o valor de uma variável nome dentro do h1?

📚 Gabarito e Soluções Comentadas

// Solução de referência para: Sintaxe
function solucaoExercicio() {
    console.log("Executando validação de: Introdução ao Frontend Moderno (React) ⚛️");
    return true;
}

solucaoExercicio();