Расскажи про этапы жизненного цикла React-компонентов

Жизненный цикл React-компонента включает несколько основных этапов, которые можно разделить на три фазы: монтирование, обновление и размонтирование.

1. Монтирование — когда компонент создаётся и добавляется в DOM:

   • constructor — инициализация состояния и привязка методов.
   • static getDerivedStateFromProps — синхронизация состояния с пропсами (редко используется).
   • render — рендер разметки.
   • componentDidMount — вызывается после вставки компонента в DOM, здесь удобно делать запросы к API или подписываться на события.

2. Обновление — когда компонент получает новые пропсы или изменяется состояние:

   • static getDerivedStateFromProps — обновление состояния на основе новых пропсов.
   • shouldComponentUpdate — позволяет оптимизировать рендер, возвращая true/false.
   • render — повторный рендер.
   • getSnapshotBeforeUpdate — получение информации перед обновлением DOM.
   • componentDidUpdate — вызывается после обновления, можно реагировать на изменения.

3. Размонтирование — когда компонент удаляется из DOM:

   • componentWillUnmount — очистка ресурсов, отписка от событий.

В функциональных компонентах с хуками жизненный цикл управляется через useEffect, который может имитировать поведение методов монтирования, обновления и размонтирования в зависимости от переданных зависимостей.