Prova de Javascript e React: Tipos, Variáveis e Hooks

Tema: Javascript: tipos e variáveis, estado, ciclo de vida, propriedades, biblioteca react, useState, useEffect
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Formação Técnica e Profissional
Questões: 10

“`html

Prova: Javascript e Biblioteca React

Planejamentos de Aula BNCC Infantil e Fundamental

Disciplina: Formação Técnica e Profissional

3º ano – Ensino Médio

Instruções: Leia atentamente cada questão e escolha a alternativa correta. Justifique suas respostas ao final da prova.

Questões:

  1. Qual dos seguintes é um tipo de variável no Javascript?

    • A) Texto
    • B) Booleano
    • C) Inteiro
    • D) As alternativas A e C estão corretas

  2. Sobre o estado em componentes React, qual é a afirmativa correta?

    • A) O estado é uma forma de manter informações entre as chamadas de renderização.
    • B) O estado é imutável durante todo o ciclo de vida do componente.
    • C) O estado deve ser manipulado diretamente.
    • D) O estado é sempre do tipo string.

  3. No React, o hook useState serve para:

    • A) Gerenciar efeitos colaterais em um componente.
    • B) Definir o ciclo de vida dos componentes.
    • C) Manter um estado local dentro de um componente funcional.
    • D) Criar propriedades para componentes de classe.

  4. Sobre o ciclo de vida de um componente em React, qual das seguintes fases ocorre depois da montagem?

    • A) Atualização
    • B) Inicialização
    • C) Desmontagem
    • D) Transição

  5. Quando utilizamos useEffect no React, qual é a utilidade principal dessa função?

    • A) Manipular estados de forma assíncrona.
    • B) Realizar efeitos colaterais baseados em mudanças de estado ou propriedades.
    • C) Renderizar conteúdos no DOM diretamente.
    • D) Criar componentes de classe.

  6. O que acontece se limitarmos o hook useEffect a um array vazio como segundo argumento?

    • A) O efeito será aplicado sempre que o componente renderizar.
    • B) O efeito será aplicado apenas uma vez, após a primeira renderização.
    • C) O efeito não será aplicado em nenhum momento.
    • D) O efeito poderá ser chamado através de um evento específico.

  7. Considere o seguinte código Javascript:



    let num = 10;
    let str = "10";
    console.log(num == str);

    Qual será o resultado do código acima?

    • A) true
    • B) false
    • C) Erro de execução
    • D) undefined

  8. Ao definir uma propriedade em um componente no React, qual delas é considerada como uma condição?

    • A) props.children
    • B) props.defaultValue
    • C) props.onClick
    • D) props.state

  9. O que caracteriza um componente controlado em React?

    • A) O valor do componente é gerenciado pelo estado do componente pai.
    • B) O valor do componente pode ser alterado livremente pelo usuário.
    • C) O componente não utiliza propriedades.
    • D) O componente não altera seu estado durante a execução.

  10. Qual das proposições é verdadeira sobre o conceito de “tipos de dados” no Javascript?

    • A) Javascript possui apenas tipos de dados primitivos.
    • B) Arrays e objetos são considerados tipos de dados primitivos.
    • C) Todos os tipos de dados são mutáveis em Javascript.
    • D) Javascript tem seis tipos de dados, incluindo undefined e object.

Gabarito:

  1. B – Booleano é um dos tipos básicos em Javascript (true/false).
  2. A – O estado armazena informações que podem mudar entre renderizações.
  3. C – useState é utilizado para manter o estado local em componentes funcionais.
  4. A – A próxima fase após a montagem é a atualização do componente.
  5. B – useEffect gerencia efeitos colaterais em resposta a alterações.
  6. B – O uso de um array vazio significa que o efeito executa uma única vez após a primeira renderização.
  7. A – O resultado do código é true, pois JavaScript faz a coerção de tipo.
  8. C – props.onClick é uma propriedade que define um comportamento (evento).
  9. A – Um componente controlado tem seu valor gerenciado pelo estado do componente pai.
  10. D – Javascript possui seis tipos de dados, incluindo o tipo object e undefined.

“`

##

Detalhes Adicionais:

As questões variam em complexidade, desde a identificação de tipos de dados até a aplicação prática de hooks em React. Isso trabalha a compreensão básica, a análise de código e a aplicação de conceitos. Além disso, as justificativas no gabarito auxiliarão os alunos na revisão dos conceitos. A prova está alinhada às competências da BNCC que buscam promover o raciocínio crítico e a aplicação prática dos conteúdos estudados.

Botões de Compartilhamento Social