Conceitos e Práticas em React

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Verifique o seu desempenho e continue
treinando! Você pode refazer o exercício
quantas vezes quiser.
1
Requisições HTTP são mensagens enviadas
pelo cliente para iniciar uma ação no servidor.
Nesse contexto, avalie as afirmativas
relacionadas com a utilização de Requisições
HTTP em React.
I� React não permite utilizar bibliotecas
externas, apenas a nativa do navegador
(windows.fetch)
II� Olhando para o ciclo de vida, o local para
preencher os dados com requisições AJAX
seria no método componetDidMount, pois assim
pode-se utilizar o setState para atualizar seu
componente quando os dados estiverem
disponíveis
III� Não é possível utilizar hooks em requisições.
Quais as afirmativas CORRETAS?
Questão de 10
Corretas
Incorretas
Em branco
1 2 3 4 5
6 7 8 9 10
Reactjs
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
1 of 15 16/11/2025, 22:02
A
B
C
D
E
I, II e III.
Apenas a II.
I e II.
II e III.
Apenas a I.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
React aceita utilizar bibliotecas externas
para manipular requisições, bastando
apenas instalar de forma correta, seguindo
a documentação da API e utilizando, para
facilitar sua manipulação, useStates, por
exemplo. É possível utilizar hooks em
requisições, basta definirmos nossa
variável com o auxílio de useState.
2
O Bind é amplamente utilizado em aplicações
React,   um exemplo de código pode ser
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
2 of 15 16/11/2025, 22:02
A
B
C
D
E
visualizado abaixo:
Qual seria o resultado no console quando
clicarmos em Clique aqui! (linha 14�?
Um objeto, ExemploBind
undefined
Código não compila
Console em branco, sem resultado
Uma string, Exemplo Bind
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
3 of 15 16/11/2025, 22:02
A
B
C
Como foi feita a ligação (bind) com o
evento de forma correta, conforme linha 5
do código, chamando o this agora na
função evento, o que será exibido no
"this" é o próprio componente, ou seja, o
objeto ExemploBind.
3
Acerca das principais diferenças entre o DOM
virtual e o DOM real, assinale a alternativa
correta:
I. A atualização no DOM real acontece de forma
mais lenta que o DOM virtual.
II. No DOM virtual não é possível atualizar
diretamente o elemento HTML.
III. A manipulação do DOM real é muito custosa,
devido à sua complexidade da árvore.
IV. Uma nova árvore do DOM é gerada para
qualquer modificação feita em algum elemento
de sua árvore.
V. Existe pouco desperdício de memória no
DOM real, já no DOM virtual um grande
desperdício.
I e II, apenas.
II e V, apenas.
I e III, apenas.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
4 of 15 16/11/2025, 22:02
D
E
I, III e V, apenas.
I, II, III e IV, apenas.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
A alternativa correta é a E, que afirma que
as afirmações I, II, III e IV estão corretas. A
atualização no DOM real é de fato mais
lenta que no DOM virtual �I�, no DOM virtual
não é possível atualizar diretamente o
elemento HTML �II�, a manipulação do DOM
real é custosa devido à sua complexidade
�III) e uma nova árvore do DOM é gerada
para qualquer modificação feita em algum
elemento de sua árvore �IV�. A afirmação V
está incorreta, pois o DOM virtual, ao
utilizar o JSX para manipular os elementos
e através do algoritmo de Diffing, tem um
uso de memória menor que o DOM real, e
não maior como a afirmação sugere.
4
React Routes é uma biblioteca externa, que
permite navegar entre telas, reaproveitando
componentes. Sua última versão necessita
refatorar parte dos códigos, sem muito alarde,
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
5 of 15 16/11/2025, 22:02
A
B
C
D
E
mas alguns conceitos não mudaram. Assinale a
alternativa correta quando comparamos suas
versões e algumas definições. I. Na versão
anterior, era utilizado switch para encapsular as
rotas, que foi substituído pelos Routes. II. Não é
necessário instalar a biblioteca react-router-
config para se utilizar o React Router v6, no
lugar utiliza-se userRoutes. III. Ainda é
necessário utilizar a props exact em Route. IV.
Em toda aplicação, só podemos ter um único
BrowserRouter, encapsulando o objeto
principal. V. useNavigate foi substituído por
useHistory.
I e II, apenas.
II e V, apenas.
I, II, IV e V, apenas.
I, III e V, apenas.
I, II, III e IV, apenas.
Opa! A alternativa correta é a letra
C. Confira o gabarito comentado!
Não é mais necessário utilizar exact, na
atual versão o processo de
correspondência nas definições de rotas
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
6 of 15 16/11/2025, 22:02
A
B
C
D
E
não é mais feito de cima para baixo, não
importando a ordem que são criadas rotas.
5
Após a instalação das bibliotecas necessárias
quando da configuração do ambiente, utiliza-se
um comando para criar uma aplicação React, o
Create React App, basicamente um script que
configura um novo projeto. Após sua execução,
que comando precisamos chamar para abrir
nossa aplicação, considerando que estamos na
pasta da referida aplicação?
npm init.
npx create-react-app nome_app.
npm install.
npx start.
npm start.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
7 of 15 16/11/2025, 22:02
A
O comando é utilizado para criar
um pacote json. O comando 
 é usado para criar toda a
estrutura e dependências das bibliotecas
básicas de uma aplicação React, porém,
vale ressaltar que seu uso não é
obrigatório. O comando é
utilizado para instalar todas as
dependências definidas no arquivo json,
dentro de um projeto. O comando 
não existe. Por fim, o comando é
o que inicia o servidor React, abrindo uma
aplicação no navegador padrão do sistema
operacional. Portanto, a alternativa correta
é a E, que indica o comando 'npm start'.
6
Podemos utilizar diferentes ambientes para
testar nossas aplicações em React, avalie as
seguintes afirmativas:
I� O CodeSandBox não possui um template para
React, necessitando de configuração extra para
utilização de React.
II� O CodePen não possui um template já
definido, precisando incluir as bibliotecas
dentro de suas configurações.
III� É necessário a instalação do node.js em
nosso ambiente de desenvolvimento offline.
Quais as afirmativas CORRETAS?
Apenas a I.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
8 of 15 16/11/2025, 22:02
B
C
D
E
Apenas a II.
Apenas a III.
As alternativas II e III.
As alternativas I e III.
Opa! A alternativa correta é a letra
D. Confira o gabarito comentado!
O CodeSandBox já possui diversos
templates com configurações pré-
definidas, incluindo o React, dispensando a
configuração a parte para as bibliotecas,
essa definição se encaixa mais no
CodePen, precisando de configurações a
parte.
7
Considerando o cenário da utilização de 
em componentes do tipo classe sem utilização
de , avalie as seguintes afirmativas:
I� Mudanças ocorrem dentro de componentes
filhos.
II� Definido o valor padrão no componente pai.
III� Mudanças ocorrem dentro de componentes
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
9 of 15 16/11/2025, 22:02
A
B
C
D
E
pai
Quais as afirmativas CORRETAS?
Apenas a I.
As alternativas  I e III.
Apenas a II.
As alternativas II e III.
As alternativas I e III.
Opa! A alternativa correta é a letra
D. Confira o gabarito comentado!
Para utilizar em componentes filhos,
eles são passados como atributos ( ,
ou seja, não podem ser alterados. Isso
mudou apenas com a introdução de ,
alterando toda a dinâmica previamente
utilizada, facilitando
e muito a codificação.
8
Conforme código a seguir, qual seria o
resultado esperado em tela levando em
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
10 of 15 16/11/2025, 22:02
A
B
C
D
E
consideração a sintaxe JSX�
Não teria resultado, pois a variável
resultado não contém marcação
HTML, indicando erro de compilação.
Não teria resultado, pois a variável
resultado não contém marcação
HTML, mas sem erro de compilação,
apenas tela em branco.
"Rodrigo"2032014012.
Rodrigo2032014012.
Rodrigo 32014032.
Opa! A alternativa correta é a letra
D. Confira o gabarito comentado!
Não é necessário indicar uma marcação
HTML para gerar algum resultado, o JSX irá
tratar como um texto qualquer, e mesmo as
variáveis idade e telefone sendo definidas
como inteiras, para somar os valores seria
necessária uma função matemática em
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
11 of 15 16/11/2025, 22:02
A
B
C
Javascript para obter um resultado como o
da alternativa: Rodrigo 32014032.
9
Redux reúne todos os estados, centralizando e
otimizando a passagem de dados entre
componentes e ficando responsável por essa
distribuição. Marque a alternativa correta em
relação às suas diferentes responsabilidades e
algumas definições:
I. A biblioteca não é nativa, necessitando de
instalação através de um gerenciador de
pacotes.
II. Store é o objeto que salva todos os estados
que desejamos compartilhar.
III. Actions são dados enviados do nosso
componente, sem permissão de utilizar outros
objetos do Redux.
IV. Reducers são funções puras que recebem o
estado anterior e uma ação, retornando para o
próximo estado.
V. Nunca devemos modificar os argumentos
passados para os reducers, a fim de manter que
sejam funções puras.
I e II, apenas.
II e V, apenas.
I, II, IV e V, apenas.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
12 of 15 16/11/2025, 22:02
D
E
I, III e V, apenas.
I, II, III e IV, apenas.
Opa! A alternativa correta é a letra
C. Confira o gabarito comentado!
A alternativa correta é a C, que afirma que
a biblioteca Redux não é nativa e precisa
ser instalada através de um gerenciador de
pacotes �I�, que a Store é o objeto que
guarda todos os estados que desejamos
compartilhar �II�, que os Reducers são
funções puras que recebem o estado
anterior e uma ação, retornando para o
próximo estado �IV) e que nunca devemos
modificar os argumentos passados para os
reducers, para que continuem sendo
funções puras �V�. A afirmação III está
incorreta, pois as Actions, na verdade, são
ações enviadas do nosso componente e
têm permissão para acionar outros objetos
do Redux, informando qual função deve ser
executada e qual valor essa função vai
utilizar como parâmetro.
10
No código a seguir, marque a alternativa correta
em relação ao resultado que devemos obter
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
13 of 15 16/11/2025, 22:02
A
B
C
D
E
executando-o.
0
1
2
3
Erro de compilação
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Aqui um erro clássico ao utilizar eventos e
useState, ao carregar o código pela
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
14 of 15 16/11/2025, 22:02
primeira vez, a função onSomarHandler é
executada, pois estamos passando um
parâmetro, gerando um loop infinito,
impossibilitando sua renderização, lembre-
se, sempre que houver alguma atualização
na variável que definimos com useState, a
aplicação será renderizada. Para corrigir,
retire o parâmetro passado na linha 13,
�2*contador + 1�, chamando apenas
onSomarHandler.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a734b04606e1251...
15 of 15 16/11/2025, 22:02