“Prova: JavaScript, React e Vue – Questões para o 3º Ano”
Tema: Javascript e biblioteca, estado, ciclo de vida, hooks react e vue
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Linguagens e suas Tecnologias
Questões: 10
Prova de Linguagens e suas Tecnologias – 3º Ano Ensino Médio
Tema: JavaScript e Bibliotecas, Estado, Ciclo de Vida, Hooks em React e Vue
Instruções: Leia atentamente as perguntas abaixo e marque a alternativa correta. Justifique sua escolha no espaço disponibilizado ao final da prova.
Questões
1. Quando falamos sobre `state` (estado) em React, estamos nos referindo a:
a) Um tipo de componente que não pode ser alterado.
b) Informações que podem mudar ao longo do tempo e que podem influenciar a renderização de um componente.
c) A maneira como as bibliotecas JavaScript são importadas.
d) O ciclo de vida das aplicações em JavaScript.
2. Qual das opções abaixo descreve melhor o ciclo de vida de um componente em React?
a) Apenas o processo de renderização.
b) As etapas pelas quais um componente passa desde sua criação até sua remoção do DOM.
c) Somente as etapas em que o estado é modificado.
d) Um evento que só ocorre quando um componente é montado.
3. No Vue.js, como o `v-model` é utilizado em um componente de input?
a) Para escutar eventos de keyboard no componente.
b) Para criar uma ligação bidirecional entre o valor de um input e uma variável no estado.
c) Para renderizar condicionalmente um elemento na página.
d) Para transformar dados em observáveis.
4. Os Hooks do React são:
a) Métodos que permitem que componentes de classe acessem funções de componentes funcionais.
b) Funções que permitem usar estado e outras características do React em componentes funcionais.
c) Clássicos métodos de interação com a DOM.
d) Uma forma de manipular dados diretamente na API do React.
5. Sobre a biblioteca Vue.js, assinale as alternativas corretas:
I. O Vue utiliza um modelo de reatividade baseado em getters e setters.
II. Vue é uma biblioteca que pode ser utilizada no lado do servidor, mas não no lado do cliente.
III. Vue permite que você crie componentes reutilizáveis.
a) I e III estão corretas.
b) I e II estão corretas.
c) Todas estão corretas.
d) Apenas III está correta.
6. Abaixo, um exemplo de um hook React. Qual a função do `useEffect`?
a) Manipular eventos diretamente no DOM.
b) Executar efeitos colaterais em componentes funcionais.
c) Criar estados em componentes de classe.
d) Renderizar apenas porque o componente foi atualizado.
7. O que são “props” em componentes React?
a) Estado interno do componente.
b) Propriedades que permitem passar dados entre componentes.
c) Funções que controlam o ciclo de vida de um componente.
d) Um tipo de método para manipulação de eventos.
8. Como no Vue você pode tornar um objeto reativo?
a) Utilizando o `createElement`.
b) Usando a função `Vue.directive()`.
c) Utilizando `Vue.observable()`.
d) Não é necessário, todos os objetos são reativos por padrão.
9. Qual das alternativas abaixo descreve melhor a diferença entre `methods` e `computed properties` em Vue?
a) `Methods` são utilizados para manipações enquanto `computed properties` são apenas para dados fixos.
b) `Methods` são funções que podem ser chamadas diretamente, enquanto `computed properties` são propriedades que reagem a mudanças dos dados e são recalculadas.
c) Ambas as opções funcionam exatamente da mesma forma.
d) `Computed properties` são somente para efeitos colaterais.
10. Como podemos entender melhor o conceito de “lifting state up” em React?
a) Quando o estado é mantido localmente em um componente.
b) Quando o estado de um componente é gerenciado pelo Redux.
c) Quando o estado é movido para um componente pai para ser compartilhado entre vários componentes filhos.
d) Quando um componente é decalcificado no ciclo de vida.
Gabarito
1. b – O estado (state) é uma parte fundamental do React e é usado para armazenar dados que podem ser alterados ao longo da vida do componente.
2. b – O ciclo de vida do componente abrange a montagem, atualização e desmontagem do componente, permitindo o controle em diferentes fases.
3. b – O `v-model` estabelece uma ligação bidirecional entre o elemento input e a variável no estado do Vue, facilitando a manipulação de dados no formulário.
4. b – Hooks são características do React que permitem utilizar estados e outros recursos sem a necessidade de criar um componente de classe.
5. a – Apenas as afirmações I e III estão corretas. O Vue pode ser utilizado no cliente e no servidor.
6. b – `useEffect` permite executar efeitos colaterais, como chamadas a APIs, em componentes funcionais do React.
7. b – Props são as propriedades que permitem a comunicação de dados entre componentes pais e filhos.
8. c – O método `Vue.observable()` permite que objetos se tornem reativos, tornando suas propriedades rastreáveis.
9. b – `Methods` executam ao serem chamados, enquanto `computed properties` recalculam seus valores automaticamente quando suas dependências mudam.
10. c – “Lifting state up” é um padrão onde o estado é gerenciado em um componente pai, permitindo que vários componentes filhos compartilhem esse mesmo estado.
Justificativa: Cada resposta foi escolhida de acordo com os princípios e conceitos fundamentais nas bibliotecas React e Vue, bem como na manipulação e gerenciamento de estados, promovendo um entendimento mais profundo sobre como interagir e construir aplicações web dinâmicas.
