Grátis: React Routes é uma biblioteca externa, que permite navegar entre telas, reaproveitando componentes. Sua última versão necessita refatorar parte dos... – Questões Respondidas

Engenharia de Software

Outros

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 é 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.
A - I e II, apenas.
B - II e V, apenas.
C - I, II, IV e V, apenas.
D - I, III e V, apenas.
E - I, II, III e IV, apenas.

Desafios para Aprender

há 8 horas

Desafios para Aprender

há 8 horas

Conceitos e Práticas em React

Conceitos e Práticas em React

ESTÁCIO

Respostas

Ed

há 8 horas

Vamos analisar cada afirmativa: I. Na versão anterior, era utilizado switch para encapsular as rotas, que foi substituído pelos Routes. Verdadeiro, na versão anterior do React Router, o componente `Switch` era usado, e na versão 6, ele foi substituído por `Routes`. II. Não é necessário instalar a biblioteca react-router-config para se utilizar o React Router v6, no lugar utiliza-se userRoutes. Verdadeiro, a biblioteca `react-router-config` não é mais necessária na versão 6, e o hook `useRoutes` é utilizado para definir rotas. III. Ainda é necessário utilizar a props exact em Route. Falso, na versão 6 do React Router, a prop `exact` não é mais necessária, pois o comportamento padrão agora é que as rotas sejam exatas. IV. Em toda aplicação, só podemos ter um único BrowserRouter, encapsulando o objeto principal. Verdadeiro, é uma boa prática ter apenas um `BrowserRouter` que encapsula toda a aplicação. V. useNavigate foi substituído por useHistory. Falso, na verdade, `useHistory` foi substituído por `useNavigate` na versão 6. Agora, vamos ver quais itens são verdadeiros: - I: Verdadeiro - II: Verdadeiro - III: Falso - IV: Verdadeiro - V: Falso Portanto, os itens verdadeiros são I, II e IV. A alternativa que contém todos os itens verdadeiros é: C - I, II, IV e V, apenas.

Essa resposta te ajudou?

0

0

left-side-bubbles-background

right-side-bubbles-background

Crie sua conta grátis para liberar essa resposta. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

Conceitos e Práticas em React

Conceitos e Práticas em React

ESTÁCIO

Mais perguntas desse material

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.
Quais as afirmativas CORRETAS?
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.
A - I, II e III.
B - Apenas a II.
C - I e II.
D - II e III.
E - Apenas a I.

O Bind é amplamente utilizado em aplicações React, um exemplo de código pode ser visualizado abaixo:
Qual seria o resultado no console quando clicarmos em Clique aqui! (linha 14)?
A - Um objeto, ExemploBind
B - undefined
C - Código não compila
D - Console em branco, sem resultado
E - Uma string, Exemplo Bind

Acerca das principais diferenças entre o DOM virtual e o DOM real, assinale a alternativa correta:
Quais as afirmativas CORRETAS?
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.
A - I e II, apenas.
B - II e V, apenas.
C - I e III, apenas.
D - I, III e V, apenas.
E - I, II, III e IV, apenas.

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?
A - npm init.
B - npx create-react-app nome_app.
C - npm install.
D - npx start.
E - npm start.

Podemos utilizar diferentes ambientes para testar nossas aplicações em React, avalie as seguintes afirmativas:
Quais as afirmativas CORRETAS?
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.
A - Apenas a I.
B - Apenas a II.
C - Apenas a III.
D - As alternativas II e III.
E - As alternativas I e III.

Considerando o cenário da utilização de props em componentes do tipo classe sem utilização de state, avalie as seguintes afirmativas:
Quais as afirmativas CORRETAS?
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.
A - Apenas a I.
B - As alternativas I e III.
C - Apenas a II.
D - As alternativas II e III.
E - As alternativas I e III.

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.
A - I e II, apenas.
B - II e V, apenas.
C - I, II, IV e V, apenas.
D - I, III e V, apenas.
E - I, II, III e IV, apenas.