Ciclos de vida de um componente

Fornecemos uma lista dos métodos que usamos para definir cada um dos
ciclos de vida de um componente. Podemos baixar este PDF para tê-lo em
mãos quando precisarmos.

componentDidMount ()
componentDidMount() {
console.log('O componente foi renderizado');
}

Normalmente usamos esse método para identificar o momento no ciclo de

vida do componente em que ele foi renderizado pela primeira vez.
Lembre-se de que este método só é executado após a primeira
renderização, do lado do usuário, portanto, o veríamos no console do
navegador. Um de seus usos mais comuns é, por exemplo, cuidar de fazer
uma solicitação assíncrona (talvez para uma API) depois que o componente
for renderizado.

componentDidUpdate ()
componentDidMount() {
console.log('O componente foi renderizado');
}

Método que usamos para identificar quando um componente foi atualizado.

Ou seja, quando passou por certas mudanças que programamos em nosso
projeto.

componentWillUnmount ()
componentDidMount() {
console.log('O componente foi renderizado');
}

Método que usamos para identificar o momento em que um componente

deixará de existir. Ou seja, não será reproduzido novamente. Dentro do
método geralmente fazemos uma "limpeza" de qualquer outro método que
o componente esteja usando e que, a partir de agora, não será renderizado
novamente.