Quiz – Aula 02: JSX e Componentes 🧠
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.
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.
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.
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.
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.
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.
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.
8. Como injetamos uma expressão JavaScript dentro do JSX?
Entre parênteses `( )`.
Entre chaves `{ }`.
Entre aspas `" "`.
Usando a tag `<script>`.
9. O que acontece na etapa de "transpilação" do JSX?
O código é deletado por segurança.
O JSX é convertido em chamadas de função `React.createElement`.
O navegador executa o JSX diretamente sem mudanças.
O código é enviado para o servidor do Facebook.
10. Qual a vantagem de usar Destructuring nas Props?
Torna o código mais legível e evita a repetição da palavra `props`.
Deixa o site mais colorido.
Aumenta o tamanho do arquivo final.
É a única forma de passar dados.