SINGLE PAGE APPLICATION QUIZ MVO

Prévia do material em texto

• Pergunta 1 
1 em 1 pontos 
 
Uma empresa quer contratar um programador para implementar uma interface do usuário em 
React. Para isso, ela elaborou as seguintes afirmações para testar o conhecimento do 
candidato: 
I. O NPM é um gerenciador de módulos (bibliotecas de códigos), que serão usados em 
um ambiente de programação em JavaScript. 
II. O ReactJS possui um DOM (Document Object Model) virtual e, por isso, não 
depende exclusivamente do DOM do navegador. 
III. O React Native e o React são bibliotecas idênticas e ambos são usados para 
construir aplicações que executam no navegador quando para dispositivos móveis. 
IV. JSX lembra a linguagem de template JSON. 
O candidato para ser aprovado deve responder que quais afirmações estão corretas? 
 
Resposta Selecionada: 
I e II 
Respostas: I, II, III e IV 
 
II, III e IV 
 
III e IV 
 
I e II 
 
I e IV 
Comentário da 
resposta: 
O NPM (do inglês Node Package Manager) é um gerenciador de 
pacotes de códigos (ou bibliotecas de códigos), que serão usados em um 
ambiente de programação em JavaScript. 
Através do DOM virtual, o React cria diversos módulos com esses 
componentes e constrói a interface gráfica independentemente da resposta 
do navegador. 
O React Native é um framework baseado no ReactJS, que é usado para 
desenvolver aplicativos para dispositivos móveis. 
O JSX lembra uma linguagem de template, tal como o XML. 
 
 
• Pergunta 2 
1 em 1 pontos 
 
Quando uma aplicação web se torna complexa e passa a conter múltiplos componentes em 
várias camadas, surge o problema de gerenciamento dos estados da aplicação. Isso ocorre, 
pois sempre que algum componente requisita uma alteração no estado, essa solicitação é 
propagada para o seu componente pai e, então, para o resto da aplicação. 
 
 
O Redux resolve esse problema ao gerenciar os estados da aplicação em um único objeto 
global. Dentre as alternativas abaixo, marque a que corresponde ao nome desse objeto. 
Resposta Selecionada: 
Store. 
Respostas: 
Store. 
 
Reducer. 
 
Linker. 
 
Router. 
 
Action. 
Comentário da 
resposta: 
O Redux armazena os estados da aplicação em um repositório central, 
ou seja, o Redux possui uma única Store. 
 
 
• Pergunta 3 
1 em 1 pontos 
 
Os formulários são grandes fontes de informação e, no mundo atual, esses dados são 
essenciais para entender demandas, satisfações ou irritações dos clientes. Sobre formulários 
em aplicações React é correto afirmar que: 
 
Resposta 
Selecionada: 
 
A validação de formulários pode ser realizada manualmente por meio de 
funções ou através de bibliotecas de terceiros. 
Respostas: O evento onSubmit é disparado sempre que acontece alguma alteração no 
conteúdo do elemento. 
 O evento onChange é disparado quando o formulário é submetido, que 
pode ser quando um botão para submeter o formulário for clicado. 
 
 
A validação de formulários pode ser realizada manualmente por meio de 
funções ou através de bibliotecas de terceiros. 
 A biblioteca React-popup serve para validar as informações preenchidas 
em um formulário. 
 Os eventos de formulários servem apenas para alterar os atributos dos 
elementos do formulário. 
Comentário da 
resposta: 
O evento onChange é disparado sempre que acontece alguma alteração no 
conteúdo do elemento. 
 
O evento onSubmit é disparado quando o formulário é submetido, que pode 
ser quando um botão para submeter o formulário for clicado. 
No React, a validação de formulários pode ser realizada manualmente ou 
através de módulos de terceiros como, por exemplo, o Formik. 
O React Popup permite criar Modals, tooltips e menus de forma simples e 
rápida em uma aplicação React. 
Os eventos de formulários permitem realizar diversas ações nos elementos 
do formulário, tais como: capturar dados inseridos, detectar a mudança ou 
atualização do conteúdo, verificar o clique do mouse etc. 
 
• Pergunta 4 
1 em 1 pontos 
 
A etapa de desmontagem (Unmounting) é uma das etapas do ciclo de vida do componente. 
Nessa etapa. É possível chamar o método chamado componentWillUnmount(). Qual a função 
desse método? 
 
Resposta 
Selecionada: 
 
É o método chamado quando o componente é retirado do DOM. 
Respostas: É o método chamado antes que o componente seja montado, para garantir 
que o componente não esteja no DOM sempre que ele for montado. 
 É o método que produz o HTML para o DOM que será montado no 
navegador. 
 É o método chamado imediatamente após o componente estar renderizado 
e montado no DOM. 
 Esse método é chamado imediatamente após alguma atualização de 
estado ou propriedades acontecer. 
 
É o método chamado quando o componente é retirado do DOM. 
Comentário da 
resposta: 
componentWillUnmount(): é o método chamado quando o componente 
é retirado do DOM. 
 
 
• Pergunta 5 
1 em 1 pontos 
 
Páginas web devem se comunicar com o servidor para buscar as informações desejadas 
pelo usuário e enviar os dados fornecidos por ele. Para isso, o código no Frontend deve 
realizar as requisições para a API do backend do serviço. 
No contexto de desenvolvimento de SPA com o JavaScript, qual o método utilizado para 
realizar as requisições? 
 
Resposta Selecionada: 
fetch 
Respostas: request 
 
fetch 
 
get 
 
send 
 
callback 
Comentário da 
resposta: 
No contexto do JavaScript, o método fetch() realiza uma requisição de 
busca das informações de acordo com o endpoint passado. 
 
 
• Pergunta 6 
1 em 1 pontos 
 
Com o Redux, é possível disparar uma ação diretamente utilizando o método 
store.dispatch(). Entretanto, é mais conveniente utilizar um método auxiliar, que conecta os 
componentes do React à Store do Redux. 
Qual o nome do método auxiliar mencionado no texto? 
 
Resposta Selecionada: 
connect 
Respostas: useSelector 
 
combineReducers 
 
useDispatch 
 
render 
 
connect 
Comentário da 
resposta: 
O método connect funciona como uma conexão para permitir o acesso do 
componente aos dados necessários do estado da Store Redux e à função 
dispatch, que é usada para disparar as ações para a Store. 
 
 
• Pergunta 7 
1 em 1 pontos 
 
Os estados de uma aplicação são usados para representar a informação atual dos 
componentes em uma determinada situação e as ações são solicitações de alteração nos 
estados. 
No Redux, as funções que associam as ações com as alterações de estado são chamadas: 
 
Resposta Selecionada: 
Reducers. 
Respostas: Stores. 
 
Dispatchers. 
 
Views. 
 
Reducers. 
 
Routers. 
Comentário da 
resposta: 
A Store executa as ações por meio de funções puras chamadas Reducers. 
Desse modo, a Store invoca os Reducers, que definem como o estado 
mudará de acordo com a ação disparada. 
 
 
• Pergunta 8 
1 em 1 pontos 
 
Quando rotas são utilizadas no React, com o emprego do módulo react-router, é necessária a 
utilização de um componente que garanta que somente o componente React de uma única 
rota seja renderizado a cada momento. 
Qual o componente do React-router que garante essa unicidade? 
 
Resposta Selecionada: 
Switch 
Respostas: BrowserRouter 
 
Switch 
 
Route 
 
Link 
 
Prompt 
Comentário da 
resposta: 
Em uma aplicação React Router, utiliza-se o componente <Switch> para 
garantir uma rota única ou exclusiva, ou seja, o esse componente irá 
renderizar o componente <Route> que corresponda com a rota desejada e 
ignorar os outros componentes <Route> dentro do <Switch>. 
 
 
• Pergunta 9 
1 em 1 pontos 
 
No React, os eventos são ações disparadas em resposta a alguma interação com o usuário 
ou a um evento do sistema e trabalhar com eventos no React é semelhante a trabalhar com 
eventos em elementos DOM. Sobre eventos é correto afirmar que: 
 
Resposta 
Selecionada: 
 
O evento sintético possui as mesmas propriedades do evento original, não 
importa onde seja criado. 
Respostas: Os eventos no React são classificados comoeventos sistêmicos. 
 O evento onClick é disparado quando o mouse passa por cima do 
componente com o mouse na interface gráfica. 
 
 
O evento sintético possui as mesmas propriedades do evento original, não 
importa onde seja criado. 
 
Os eventos no React possuem nomes em camelCase. 
 
O evento recebe uma função ao invés da chamada dessa função. 
Comentário da 
resposta: 
No React, evento é classificado como evento sintético, que é um objeto que 
envolve o objeto original que originou o evento no navegador. 
O evento onClick, que disparado quando o componente é clicado com o 
mouse. 
O evento sintético possui as mesmas propriedades do evento original, não 
importa onde seja criado. 
Os eventos no React possuem nomes em camelCase, ao invés de letras 
minúsculas como no DOM e, no React, o evento recebe uma função ao 
invés de uma string. 
 
 
• Pergunta 10 
1 em 1 pontos 
 
Atualmente, serviços web devem garantir a qualidade do serviço em termos de 
navegabilidade, dinamismo, atualização da informação exibida na página e tempo de 
resposta. Neste contexto, o conceito de Single Page Application (SPA) se mostra como uma 
boa solução para assegurar uma boa experiencia do usuário com a aplicação web. Sendo 
assim, podemos certificar que a alternativa correta sobre SPA é: 
 
Resposta 
Selecionada: 
b. 
O modelo SPA utiliza templates que executam do lado do cliente. 
Respostas: a. 
O modelo SPA garante o desempenho da aplicação ao transferir a 
renderização para o servidor. 
 b. 
O modelo SPA utiliza templates que executam do lado do cliente. 
 c. 
 
O modelo SPA precisa carregar e renderizar todos os elementos (barra de 
navegação, ads, headlines, texto, rodapé, entre outros) sempre que um 
recurso é solicitado. 
 
d. 
No modelo SPA, a página é carregada completamente na primeira 
requisição e isso faz com o desempenho da aplicação diminua e aumente o 
tráfego de dados entre cliente e servidor. 
 
e. 
No modelo SPA, a visualização do conteúdo no navegador é uma página 
HTML completa fixa e estática. 
Comentário 
da resposta: 
No modelo SPA, a página é carregada completamente na primeira requisição 
e a aplicação fica armazenada do lado do cliente em forma de templates e, 
assim, a renderização é realizada pelo lado do cliente. Isso aumenta o 
dinamismo da página, melhora o desempenho da aplicação e diminui o 
tráfego de dados entre cliente e servidor. 
O modelo MPA (Multiple Page Application) precisa carregar e renderizar 
todos os elementos (barra de navegação, ads, headlines, texto, rodapé, entre 
outros) sempre que um recurso é solicitado. 
 
Terça-feira, 7 de Março de 2023 21h09min19s BRT