04-11-2_

Prévia do material em texto

Você acertou 9 de 10 questões
Verifique o seu desempenho e continue treinando!
Você pode refazer o exercício quantas vezes
quiser.
Verificar Desempenho
1 Marcar para revisão
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.
Questão 1 de 10
Corretas (9)
Incorretas (1)
Em branco (0)
1 2 3 4 5
6 7 8 9 10
Lista de exercícios Reactjs Sair
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 1/15
A
B
C
D
E
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.
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 2/15
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.
2 Marcar para revisão
O Bind é amplamente utilizado em aplicações
React,   um exemplo de código pode ser
visualizado abaixo:
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 3/15
A
B
C
D
E
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
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
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 Marcar para revisão
O React segue uma forma de fluxo de dados
unidirecional ou também conhecido como
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 4/15
A
B
C
D
E
vinculação unidirecional. Nesse contexto, avalie as
seguintes afirmativas:
I) Recebe o valor inicial do componente filho.
II) O componente pai pode alterar o seu valor.
III) Mudanças ocorrem dentro de componente pai.
Quais as afirmativas CORRETAS?
Apenas a I.
As alternativas II e III.
Apenas a II.
As alternativas II e II.
As alternativas I e III.
Resposta incorreta
Opa! A alternativa correta é a letra C.
Confira o gabarito comentado!
Gabarito Comentado
Para cada valor passado pelo componente
pai, a props será única, não sendo alterada,
sendo o valor inicial recebido do componente
pai. Se uma eventual mudança fosse
necessária, apenas dentro do componente
filho será permitida.
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 5/15
A
B
C
D
E
4 Marcar para revisão
Considerando um cenário onde uma aplicação
local é executada na porta 3000 como padrão e
não ocorrendo alteração na instalação, avalie as
seguintes afirmativas.
I) Se fecharmos o terminal que estamos
executando nosso servidor, a aplicação
permanece ativa.
II) O create-react-app é um script que configura e
instala o básico para nossa aplicação, mas existem
outras formas de iniciar uma configuração inicial
para uma aplicação React.
III) Toda aplicação React criada pelo create-react-
app possuirá uma pasta node_modules, contendo
os módulos que o React utiliza em suas
aplicações.
Quais as afirmativas CORRETAS?
Apenas a I.
As alternativas II e III.
Apenas a III.
As alternativas II e II.
As alternativas I e III.
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 6/15
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
Toda nossa aplicação local é executada na
porta 3000 como padrão, se não foi alterada
na instalação. Dentro de algum terminal,
prompt do Windows, terminal dentro do Visual
Code ou prompt do Linux, se for executado o
comando, sem parâmetro de background, ao
fechar a janela ativa, o servidor será
interrompido.
O create-react-app é um script que configura
e instala o básico para nossa aplicação, mas
existem outras formas de iniciar uma
configuração inicial para uma aplicação React.
Toda aplicação React criada pelo create-
react-app possuirá uma pasta node_modules,
contendo os módulos que o React utiliza em
suas aplicações.
5 Marcar para revisão
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, 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 é
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 7/15
A
B
C
D
E
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.
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
Não é mais necessário utilizar exact, na atual
versão o processo de correspondência nas
definições de rotas não é mais feito de cima
para baixo, não importando a ordem que são
criadas rotas.
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 8/15
A
B
C
D
E
6 Marcar para revisão
Considerando o cenário da utilização de states em
componentes do tipo classe sem utilização de
Hooks, 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 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.
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
Para utilizar states em componentes filhos,
eles são passados como atributos (props), ou
seja, não podem ser alterados. Isso mudou
apenas com a introdução de hooks, alterando
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 9/15
A
B
C
D
E
toda a dinâmica previamente utilizada,
facilitando e muito a codificação.
7 Marcar para revisão
Sobre ciclo de vida, diversos métodos podem
acabar sendo chamados e reutilizados conforme a
fase de vida de um componente React, conforme
as assertivas abaixo, analise as alternativas a
seguir:
I) constructor() apenas ocorre na fase de
Montagem.
II) render() ocorre apenas na fase de Atualização.
III) getDerivedStateFromProps() é chamado em
duas fases, tanto na montagem quando na fase de
atualização.
Quais as afirmativas CORRETAS?
I, II e III.
I e III.
I e II.
II e III.
Apenas a I.
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 10/15
A
B
C
comentado!
Gabarito Comentado
A alternativa correta é a B, que afirma que o
método constructor() ocorre apenas na fase
de Montagem e que o método
getDerivedStateFromProps() é chamado tanto
na fase de Montagem quanto na fase de
Atualização. A afirmação II está incorreta, pois
o método render() não ocorre apenas na fase
de Atualização, mas também na fase de
Montagem. É importante lembrar que o
método render() é o único método obrigatório
em componentes do tipo classe no React.
8 Marcar para revisão
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.
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 11/15
D
E
npx start.
npm start.
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
O comando npm init é utilizado para criar um
pacote json. O comando npx create-react-
app é 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 npm install
é utilizado para instalar todas as
dependências definidas no arquivo json,
dentro de um projeto. O comando npx start
não existe. Por fim, o comando npm start é 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'.
9 Marcar para revisão
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.
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 12/15
A
B
C
D
E
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.
Apenas a II.
Apenas a III.
As alternativas II e III.
As alternativas I e III.
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
comentado!
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.
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 13/15
A
B
C
D
E
10 Marcar para revisão
Conforme código a seguir, qual seria o resultado
esperado em tela levando em 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.
Resposta correta
Parabéns, você selecionou a
alternativa correta. Confira o gabarito
comentado!
Gabarito Comentado
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 14/15
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
Javascript para obter um resultado como o da
alternativa: Rodrigo 32014032.
11/4/26, 11:19 PM estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6aebe328709401c598811fb1/gabarito/ 15/15