Teste de Aprendizado

React Avançado: Props e State

Sobre a Aula

Teste de Aprendizado

Para garantir que você assimilou este conhecimento, aqui estão algumas questões sobre o conteúdo do curso que irão te ajudar a fixar o que aprendeu.

Mãos à obra. E divirta-se!

Questões:

Questão 1: Por que o React é importante?

A) Por sua abordagem baseada em JavaScript.
B) Por sua capacidade de criar interfaces de usuário (UI) de forma rápida e eficiente.
C) Por seu uso exclusivo em servidores.
D) Por sua integração com linguagens de programação populares.

Questão 2: Qual o principal benefício de usar componentes em React?

A) Maior complexidade de código.
B) Facilidade na manutenção do código.
C) Diminuição da reutilização de código.
D) Aumento da repetição de código.

Questão 3: Qual a diferença entre componentes funcionais e de classe em React?

A) Componentes funcionais não podem retornar JSX.
B) Componentes de classe não têm acesso ao estado.
C) Componentes de classe são mais simples e recomendados para a maioria dos casos.
D) Componentes funcionais são funções JavaScript e retornam JSX.

Questão 4: Por que JSX é uma ferramenta poderosa em React?

A) Por sua exclusiva capacidade de integrar HTML com JavaScript.
B) Por sua capacidade de proteger contra injeção de código.
C) Por sua combinação da simplicidade do HTML com a flexibilidade do JavaScript.
D) Por sua incompatibilidade com expressões JavaScript.

Questão 5: Por que usar Props em React?

A) Para tornar o código mais complexo.
B) Para criar componentes não reutilizáveis.
C) Para tornar a relação entre componentes clara.
D) Para ocultar informações entre componentes.

Questão 6: O que são Props em React?

A) Funções JavaScript.
B) Dados mutáveis.
C) Argumentos passados para componentes React.
D) Métodos de ciclo de vida.

Pergunta 7: Como passar Props de um componente pai para um filho em React?

A) Através de props globais.
B) Definindo props no filho e acessando no pai.
C) Utilizando o estado do componente pai.
D) Através de métodos de renderização.

Questão 8: Qual é o objetivo do Prop-Types em React?

A) Validar e garantir a consistência dos dados passados para os componentes.
B) Adicionar estilos aos componentes.
C) Controlar o estado interno dos componentes.
D) Definir a estrutura do DOM.

Questão 9: Qual a principal diferença entre Props e State em React?

A) Props permite que os componentes mantenham e gerenciem dados internamente.
B) State é passado de pai para filho, enquanto Props é gerenciado dentro do próprio componente.
C) Props é utilizado para armazenar dados que podem mudar ao longo do tempo.
D) State permite a comunicação entre componentes distantes na hierarquia.

Questão 10: Qual é a função do método setState em React?

A) Definir o estado inicial de um componente.
B) Atualizar o estado de um componente de forma reativa.
C) Renderizar o componente de acordo com as mudanças nos props.
D) Inicializar o estado do componente com valores padrão.

Questão 11: O que é recomendado fazer ao atualizar o estado em React?

A) Modificar o estado diretamente, sem usar setState.
B) Utilizar setState apenas para dados estáticos.
C) Agrupar atualizações de estado relacionadas em chamadas separadas de setState.
D) Evitar o uso de funções em setState para atualizações baseadas no estado anterior.

Questão 12: Qual é a prática recomendada para limpar recursos como timers ao desmontar um componente em React?

A) Utilizar clearInterval no método componentDidMount.
B) Não limpar recursos ao desmontar um componente para evitar problemas de performance.
C) Limpar recursos no método componentWillUnmount.
D) Utilizar setState para resetar os recursos antes de desmontar o componente.

Questão 13: Como são passados os dados de um componente pai para um componente filho em React?

A) Através de métodos de ciclo de vida específicos.
B) Utilizando diretamente o estado do componente pai.
C) Por meio de props.
D) Via Redux ou Context API.

Questão 14: Qual é a função do State em um componente React?

A) Gerenciar dados imutáveis.
B) Atualizar props dinamicamente.
C) Armazenar dados que podem mudar.
D) Controlar a renderização de componentes filhos.

Questão 15: Como podemos atualizar o state de um componente pai com base em mudanças em props vindas de um componente filho?

A) Utilizando métodos de ciclo de vida do componente pai.
B) Modificando diretamente as props no componente pai.
C) Através do hook useEffect.
D) Passando uma função para o componente filho que atualiza o state do componente pai.

Questão 16: Qual é uma estratégia avançada para compartilhar dados entre componentes irmãos ou distantes na hierarquia em React?

A) Passar props através de múltiplos níveis de componentes.
B) Utilizar um gerenciador de estado global, como o Redux.
C) Modificar diretamente o state de um componente pai.
D) Utilizar a API de contexto do React.

Questão 17: Como o componente pai passa dados para o componente filho no exemplo dado?

A) Através de métodos de ciclo de vida
B) Utilizando a técnica de levantamento de estado
C) Via props
D) Usando o hook useMemo

Question 18: Which technique is recommended to avoid unnecessary rendering of components?

Questão 18: Qual técnica é recomendada para evitar renderizações desnecessárias de componentes?

A) Utilizar a técnica de levantamento de estado
B) Adotar o uso de PropTypes
C) Implementar a função shouldComponentUpdate
D) Dividir a lógica do componente em componentes menores

Questão 19: Como é possível lidar com a necessidade de atualizar o estado de um componente com base em alterações em suas props?

A) Utilizando a técnica de levantamento de estado
B) Adotando o uso de PropTypes
C) Usando o hook useMemo
D) Utilizando métodos avançados, como componentDidUpdate

Questão 20: Qual é a recomendação para garantir a imutabilidade dos dados ao lidar com props complexas?

A) Utilizar a biblioteca Immutable.js ou técnicas de desestruturação
B) Adotar o uso de PropTypes
C) Implementar a função shouldComponentUpdate
D) Utilizar o hook useMemo

Gabarito do teste

Creio que você aprendeu todo o conteúdo e o resultado foi excepcional. No entanto, você pode conferir seus acertos no gabarito abaixo:

Respostas: