Quiz 02 - Introdução
1. O que é um Componente no React?
Uma função JavaScript que retorna elementos de interface.
Um banco de dados embutido no navegador.
Um arquivo CSS que estiliza o projeto todo.
Um erro que acontece quando o código quebra.
*Explicação: Componentes são as peças reutilizáveis de UI que juntas formam a aplicação.*
2. Quais destas regras é obrigatória ao escrever JSX?
Todas as tags devem estar em minúsculo.
Deve haver sempre um elemento pai único retornando do componente.
Não é permitido usar parênteses no `return`.
Deve-se usar `class` para definir classes CSS.
*Explicação: O JSX exige um único nó raiz; múltiplos elementos devem ser envolvidos em uma `div` ou ``.*
3. Como passamos informações de um componente pai para um componente filho?
Através de variáveis globais do sistema.
Usando o comando `npm send-data`.
Através de Props (propriedades).
Editando o arquivo `index.html` diretamente.
*Explicação: Props são o canal padrão de comunicação descendente no React.*
4. Qual o motivo de utilizarmos "className" em vez de "class" no JSX?
"class" é uma palavra reservada no JavaScript para criar classes de objetos.
"className" é mais curto de escrever.
O React foi criado por falantes de latim.
"class" só funciona em navegadores antigos.
*Explicação: Como o JSX é transformado em JavaScript puro, precisamos evitar colisões com palavras reservadas da linguagem.*
5. O que são Fragments (`<> ... `)?
Pedaços de código quebrado.
Tags sugeridas para imagens.
Uma forma de agrupar múltiplos elementos sem adicionar uma tag extra no HTML final.
Comentários que o React ignora.
*Explicação: Fragments permitem retornar vários elementos sem poluir o DOM com `divs` desnecessárias.*
6. Sobre as Props, é correto afirmar:
O componente filho pode alterar o valor das props recebidas.
Props são somente leitura (imutáveis) para o componente que as recebe.
Props só podem ser do tipo String.
Props são salvas automaticamente no banco de dados.
*Explicação: No fluxo de dados do React, as props são imutáveis; o componente pai as controla.*
7. Por que componentes devem começar com letra Maiúscula?
Para o CSS carregar mais rápido.
Para o programador não ter preguiça.
Para o React diferenciar componentes customizados de tags nativas do HTML.
Não é necessário, é apenas uma sugestão.
*Explicação: O React identifica tags em minúsculo como elementos HTML comuns (div, span, button).*
8. Como injetamos uma expressão JavaScript dentro do JSX?
Entre parênteses `( )`.
Entre chaves `{ }`.
Entre aspas `" "`.
Usando a tag `