Как взаимодействовать с жизненным циклом компонента

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

1. Mounting (создание):

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

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

• shouldComponentUpdate() – оптимизация, решает нужно ли перерисовывать
• render()
• componentDidUpdate() – после обновления

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

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

Пример с хуками (современный подход):

useEffect(() => {
  // componentDidMount
  return () => {
    // componentWillUnmount
  };
}, []);

useEffect(() => {
  // componentDidUpdate при изменении зависимостей
}, [dependencies]);