QUIZ SINGLE PAGE APPLICATION 1

Prévia do material em texto

• Pergunta 1 
1 em 1 pontos 
 
O React Router possui diversos hooks que permitem acessar o estado do router e permitem 
navegar de uma página a outra através dos seus componentes. Dentre esses hooks, existe 
um que retorna a localização do objeto que representa a URL atual de uma rota. Qual é 
esse hook? 
 
Resposta Selecionada: 
useLocation 
Respostas: useHistory 
 
useURL 
 
useLocation 
 
useRouteMatch 
 
useParams 
Comentário 
da resposta: 
O hook useLocation retorna um objeto com o novo local do domínio da página 
sempre que a URL muda. Já o useHistory dá acesso a uma instância do 
histórico de navegação, o useParams retorna um objeto com os pares 
key/value que estiverem em uma URL, o useRouteMatch verifica a URL atual 
com a rota acessada e o useURL não existe. 
 
 
• Pergunta 2 
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 3 
1 em 1 pontos 
 
Routers, em React, são componentes que possibilitam a navegação entre diferentes URLs 
dentro do domínio da aplicação. A biblioteca React-Router permite que os componentes 
React sejam reaproveitados, atualizando somente a informação solicitada pela URL. 
Nesse contexto, avalie as seguintes afirmações: 
I – No react-router, cada URL visualizada corresponde a um novo arquivo HTML. 
II – No react-router, a página não precisa ser recarregada. 
III – No react-router, uma requisição HTTP é enviada para o servidor em busca da nova 
página. 
IV – No react-router, o usuário tem a percepção de que as transições ocorrem de forma fluída 
e dinâmica. 
São verdadeiras as afirmações: 
 
Resposta Selecionada: 
II e IV. 
Respostas: I, II, III e IV. 
 
I e II. 
 
II e IV. 
 
I, III e IV. 
 
I e III. 
Comentário 
da resposta: 
No react-router, a navegação entre URLs atualiza os componentes da página 
e não arquivos HTML diferentes. Isso ocorre, pois o react-router mantém o 
mesmo arquivo HTML e atualiza somente os componentes que forma 
alterados sem precisar recarregar a página. Dessa forma, o usuário tem a 
percepção de uma transição fluida e dinâmica entre páginas da aplicação 
web, mantendo o conceito de SPA. 
 
 
• Pergunta 4 
1 em 1 pontos 
 
O React cria suas aplicações através de componentes e mantém uma hierarquia, onde existe 
um componente raiz e diversos outros componentes filhos. Todo componente React pode ter 
 
estados e fazer uso do recurso de propriedades (props). Nesse contexto, é correto afirmar 
que: 
Resposta 
Selecionada: 
 
Eventos são ações disparadas em resposta a alguma interação com o 
usuário ou a um evento do sistema. 
Respostas: Props são informações de um componente em uma determinada situação, 
que indicam como o componente será renderizado e o seu comportamento. 
 
 
Eventos são ações disparadas em resposta a alguma interação com o 
usuário ou a um evento do sistema. 
 Todo componente criado no React possui um ciclo de vida, porém não é 
possível controlá-lo ou manipulá-lo durante o seu clico de vida. 
 O Flux é um padrão de gerenciamento de propriedades em componentes 
React. 
 A ideia principal do Flux é existir diversas fontes de informações, 
chamadas dispatcher, que só podem ser atualizadas por ações. 
Comentário da 
resposta: 
Estados ou hooks são informações de um componente em uma 
determinada situação, que indicam como o componente será renderizado e 
o seu comportamento. 
Eventos são ações disparadas em resposta a alguma interação com o 
usuário ou a um evento do sistema. 
Todo componente criado no React possui um ciclo de vida com três etapas, 
onde é possível controlá-lo ou manipulá-lo através de métodos 
pertencentes a essas etapas 
O Flux é um padrão de gerenciamento do fluxo de dados propriedades em 
componentes React. 
A ideia principal do Flux é existir uma única fonte de informações (stores) 
que só podem ser atualizadas por ações. 
 
 
• Pergunta 5 
0 em 1 pontos 
 
As etapas do ciclo de vida do componente possuem métodos especiais que podem ser 
adicionados no componente. O ciclo de vida de um componente pode ter três etapas: 
montagem (Mounting), atualização (Updating) e desmontagem (Unmounting). 
Assinale a alternativa que contém somente métodos da etapa de atualização: 
 
Resposta Selecionada: 
constructor(), render() e componentWillUnmount() 
Respostas: constructor(), render() e componentDidMount() 
 
render() e componentDidUpdate() 
 
constructor(), render() e componentWillUnmount() 
 
constructor() e componentDidUpdate() 
 
render() e componentWillUnmount() 
Comentário 
da resposta: 
Em um ciclo de vida de um componente em React, na fase Render, a 
montagem está associada aos métodos constructor e render; na fase Comnitt, 
ao componentDidMount. A atualização, na fase Render, está associada ao 
método render; na fase Comnitt, ao componentDidUpdate. A desmontagem, 
que só ocorre na fase Comnit, está associada ao método 
componentWillMount. 
 
 
• Pergunta 6 
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 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 
 
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 9 
1 em 1 pontos 
 
Proptype é uma biblioteca utilizada para verificar o tipo de dados de um valor passado de um 
componente para outro através de propriedades. Isso é necessário porque a linguagem de 
programação JavaScript é fracamente tipada. Desse modo, essa biblioteca disponibiliza 
alguns validadores de tipo para verificar o tipo dos valores passados nas propriedades. 
Como seria o validador de componente Lista, que recebe um determinado objeto item de 
forma obrigatória. 
 
Resposta Selecionada: 
Lista.propTypes = { 
 item: PropTypes.object.isRequired, 
}; 
Respostas: 
Lista.propTypes = { 
 item: PropTypes.object.isRequired, 
}; 
 
Lista.propTypes.object.isRequired; 
 
item.propTypes.array.isRequired; 
 
Lista.propTypes = { 
 item: PropTypes.object.isObrigatory, 
}; 
 
Lista.propTypes = { 
 item: PropTypes.string.isRequired, 
}; 
 
Comentário da 
resposta: 
O validador para uma propriedade obrigatória deve ser construído com 
a seguinte sintaxe: 
Nome_componente.propTypes = { 
 props: PropTypes.tipo_dados.isRequired 
} 
 
• Pergunta 10 
1 em 1 pontos 
 
Em React, é possível passar informações de um componente para outro e, desse modo 
configurar argumentos que são passados na criação do componente. Esses argumentos 
permitem transferir valores estáticos ou dinâmicos, conteúdo de variáveis e estados de um 
componente, entre outros. Sendo assim, como são chamados esses argumentos: 
 
Resposta Selecionada: 
Props. 
Respostas: State. 
 
Props. 
 
Hooks. 
 
Keys. 
 
propTypes. 
Comentário da 
resposta: 
Propriedades (ou abrev. props) são argumentos que podem ser passados 
para componentes React e desse modo transferir informações de um 
componente pai para o filho.