Какие знаешь состояния жизненного цикла компонента

В React компоненты проходят несколько этапов жизненного цикла:

Монтирование:

• constructor() - инициализация состояния
• static getDerivedStateFromProps() - синхронизация состояния с пропсами
• render() - отрисовка компонента
• componentDidMount() - выполняется после монтирования

Обновление:

• static getDerivedStateFromProps()
• shouldComponentUpdate() - оптимизация ререндера
• render()
• getSnapshotBeforeUpdate() - захват DOM перед обновлением
• componentDidUpdate() - выполняется после обновления

Размонтирование:

• componentWillUnmount() - очистка таймеров, подписок

Пример:

class Example extends React.Component {
  componentDidMount() {
    console.log('Компонент смонтирован');
  }
  
  componentDidUpdate(prevProps) {
    if (this.props.value !== prevProps.value) {
      console.log('Значение пропса изменилось');
    }
  }
  
  componentWillUnmount() {
    console.log('Компонент будет размонтирован');
  }
}

В функциональных компонентах используются хуки:
useEffect() заменяет componentDidMount, componentDidUpdate и componentWillUnmount