Что знаешь про жизненный цикл компонентов

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

1. Монтирование (Mounting):

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

2. Обновление (Updating):

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

3. Размонтирование (Unmounting):

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

Пример:

class Clock extends React.Component {
  componentDidMount() {
    this.timerID = setInterval(() => this.tick(), 1000);
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({time: new Date()});
  }
}

В функциональных компонентах используются хуки (useEffect) для аналогичной функциональности.