Quiz 12 - Introdução

1. O que é o React?

Uma linguagem de programação nova

Uma biblioteca Javascript para criar interfaces de usuário (UIs)

Um banco de dados que roda no navegador

Uma ferramenta para editar imagens *Explicação: O React ajuda a criar sites dinâmicos e rápidos através de componentes.*

2. O que caracteriza uma Single Page Application (SPA)?

O site tem apenas uma página de texto simples

O site carrega apenas uma vez e troca o conteúdo dinamicamente sem recarregar a página inteira

É um app que só funciona em celulares antigos

É um site que não usa CSS *Explicação: SPAs dão uma experiência fluida de "navegação instantânea" ao usuário.*

3. No React, o que é um "Componente"?

Uma peça física do computador

Uma função Javascript que retorna uma parte da interface (Botão, Menu, Card)

Um erro que acontece no código

A cor de fundo do site *Explicação: Pensar em componentes é como pensar em peças de LEGO que se encaixam.*

4. Qual a função do Vite no desenvolvimento moderno?

Traduzir o site para chinês

Rodar um servidor de desenvolvimento ultra rápido e preparar o projeto para publicação

Criar logotipos automaticamente

Gerenciar a folha de pagamento da empresa *Explicação: O Vite substituiu ferramentas mais lentas, tornando o dia a dia do dev muito melhor.*

5. O que significa JSX?

Java Syntax eXtension

JavaScript XML: uma extensão de sintaxe que permite escrever algo parecido com HTML dentro do JS

Uma nova marca de TV

JavaScript Xtreme *Explicação: O JSX torna a criação de interfaces muito mais visual e fácil de ler.*

6. Qual a regra fundamental ao retornar conteúdo de um componente React?

Deve ter no máximo 10 linhas

Deve retornar apenas um único elemento pai (ou usar um Fragment)

Deve estar todo escrito em letras maiúsculas

Não pode conter números *Explicação: O React precisa de uma raiz única para conseguir montar a árvore de elementos corretamente.*

7. Para que servem as "Props" em um componente?

Para aumentar a performance do site

Para passar informações de um componente pai para um componente filho

Para salvar dados no banco de dados

Para mudar a senha do administrador *Explicação: Props são como "argumentos" que tornam o componente dinâmico e reutilizável.*

8. Por que usamos `className` em vez de `class` no JSX?

Porque `className` é mais bonito

Porque `class` é uma palavra reservada do Javascript para criar classes de objetos

Porque o HTML mudou de nome

Para economizar memória *Explicação: Como o JSX é Javascript, precisamos evitar conflitos com nomes que o JS já usa.*

9. O que é o "Virtual DOM" (Conceito)?

Uma simulação de videogame

Uma cópia em memória da interface que o React usa para saber exatamente o que atualizar na tela real

O nome do servidor da Microsoft

Um tipo de vírus de computador *Explicação: O Virtual DOM é o segredo da velocidade do React, evitando redesenhar a página toda sem necessidade.*

10. Como exibimos uma variável Javascript dentro do JSX?

Usando aspas duplas: "variavel"

Usando parênteses: (variavel)

Usando chaves: {variavel}

Usando um ponto de interrogação: ?variavel *Explicação: Tudo que estiver entre chaves { } no JSX será tratado como código Javascript puro.*