Ciclo de Vida dos Componentes
No React, os componentes passam por diferentes estágios durante seu ciclo de vida, desde sua criação até sua remoção da interface. Esses estágios são divididos em três fases principais: montagem, atualização e desmontagem.
Na fase de montagem, o componente é criado e inserido no DOM. Aqui, o método ‘constructor()‘ é chamado para inicializar o estado e definir propriedades. Em seguida, o método ‘render()‘ é invocado para renderizar o componente na tela.
Durante a fase de atualização, o React atualiza o componente em resposta a mudanças em props ou state.
Aqui, os métodos como ‘componentDidUpdate()‘ são chamados após o componente ser renderizado novamente. Isso permite realizar ações após a atualização, como requisições HTTP para obter dados atualizados.
Finalmente, na fase de desmontagem, o componente é removido do DOM. O método 'componentWillUnmount()‘ é chamado antes disso acontecer, permitindo realizar limpezas ou cancelar assinaturas de eventos.
Por exemplo, imagine um componente de contador que exibe o número de cliques em um botão. Durante o ciclo de vida, ele seria montado, atualizado cada vez que o botão fosse clicado e, finalmente, desmontado quando não fosse mais necessário, liberando recursos e memória.
