LifeCycle Hooks - O que são?

De forma simples e direta, os LifeCycle Hooks se referem ao ciclo de vida do componente Angular. Imagine uma borboleta: ela inicia sua vida como um ovo, passa pela fase de larva e depois fica um algum inerte tempo no casulo. Após isso, ela se transforma em uma bela borboleta, mas sua vida adulta dura apenas algumas semanas. Da mesma forma, o LifeCycle de um componente Angular passa por várias etapas, desde sua criação até sua eliminação.

As principais etapas são:

onChanges: chamado uma vez na criação do componente e sempre que houver alteração em uma de suas propriedades de entrada, ou seja, mudanças no decorador Input() e no property binding.

onInit: chamado uma única vez quando o componente é inicializado (logo após o primeiro onChanges).

doCheck: chamado a cada ciclo de detecção de alterações (processo que percorre o componente em busca de mudanças). Portanto, use em vez de onChanges para alterações que o Angular não detecta.

onDestroy: chamado antes do Angular destruir o componente.

Além disso, existem outros 4 ganchos dentro do doCheck:

afterContentInit: chamado depois que o conteúdo externo é inserido no componente (por exemplo, vindo do ng-content).

afterContentChecked: invocado após a verificação do conteúdo externo.

afterViewInit: chamado logo após o conteúdo do próprio componente e de seus filhos ser inicializado.

afterViewChecked: chamado cada vez que o conteúdo do componente é verificado pelo mecanismo de detecção de alterações do Angular.

Em resumo, O LifeCycle Hooks do Angular é um poderoso recurso presente em projetos Angular.

Afinal ele ajuda você a obter um controle bastante refinado da sua aplicação, além de:

Ser fácil de usar;

Manter seu código limpo;

E aplicar boas práticas ao seu projeto.