Durante o desenvolvimento de um módulo de chat em uma
aplicação React JS, um programador precisa garantir que a
conexão com o servidor via WebSocket seja estabelecida assim
que o componente for montado na tela e devidamente encerrada,
quando o componente for removido (desmontado), para evitar
vazamentos de memória (memory leaks).
Para implementar essa lógica em um componente funcional
utilizando o hook useEffect, o desenvolvedor deve estruturar o
código de modo que a função de limpeza, responsável pelo
fechamento da conexão, seja executada.
De acordo com as especificações do React, essa função de
limpeza deve ser

Question

Durante o desenvolvimento de um módulo de chat em uma
aplicação React JS, um programador precisa garantir que a
conexão com o servidor via WebSocket seja estabelecida assim
que o componente for montado na tela e devidamente encerrada,
quando o componente for removido (desmontado), para evitar
vazamentos de memória (memory leaks).
Para implementar essa lógica em um componente funcional
utilizando o hook useEffect, o desenvolvedor deve estruturar o
código de modo que a função de limpeza, responsável pelo
fechamento da conexão, seja executada.
De acordo com as especificações do React, essa função de
limpeza deve ser Alternativa A: definida como o valor de retorno da função passada ao
useEffect. Ou Alternativa B: passada como o terceiro argumento do hook useEffect, logo
após o array de dependências. Ou Alternativa C: declarada dentro de um segundo hook useEffect que possua
uma lista de dependências vazia. Ou Alternativa D: Invocada, explicitamente, dentro de um bloco finally de uma
estrutura try-catch externa ao hook. Ou Alternativa E: disparada por meio de um método de ciclo de vida
denominado componentWillUnmount dentro do componente
funcional.

Qconcursos · Accepted Answer

Alternativa [A] definida como o valor de retorno da função passada ao
useEffect. Gabarito: AFundamento decisivo: A assinatura oficial do useEffect prevê que a limpeza fique no retorno da função de setup; por isso, a alternativa A é a que corresponde ao protocolo do React para encerrar a conexão.Tema central: Cleanup no useEffectAnálise das alternativasACertaA alternativa A está correta porque, no React, a função de cleanup é retornada pela função de setup passada ao useEffect. Esse retorno é o mecanismo usado para desfazer o effect, inclusive na desmontagem do componente.BErradaEstá errada porque o useEffect não possui terceiro argumento para callback de limpeza; a assinatura oficial é useEffect(setup, dependencies?).CErradaEstá errada porque a limpeza não é definida em um segundo useEffect; ela pertence ao retorno do mesmo effect que cria a conexão.DErradaEstá errada porque o React não prevê bloco finally externo ao hook como mecanismo de cleanup.EErradaEstá errada porque componentWillUnmount é método de componente de classe, não de componente funcional.Pegadinha da questãoConfundir a função retornada pelo useEffect com um suposto terceiro argumento do hook ou com o ciclo de vida de componentes de classe.Dica para questões semelhantesEm useEffect, a limpeza vem do retorno da função de setup.Antes de aceitar uma solução, confira a assinatura oficial do hook.Não misture hooks de componente funcional com métodos de ciclo de vida de classe.

🚀 Mais performance?

🚀 Mais performance?

Durante o desenvolvimento de um módulo de chat em uma aplic...

Gabarito comentado

Gabarito: A

Clique para visualizar este gabarito

Questões de assuntos semelhantes

Provas relacionadas