Какие знаешь методы в каждом этапе жизненного цикла компонента

Mounting

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

Updating

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

Unmounting

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

Пример:

class Example extends React.Component {
  componentDidMount() {
    console.log('Компонент смонтирован');
  }
  
  shouldComponentUpdate(nextProps) {
    return this.props.value !== nextProps.value;
  }
  
  componentWillUnmount() {
    console.log('Компонент будет размонтирован');
  }
}