Есть ли стадии жизненного цикла в функциональном компоненте

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

1. useEffect заменяет componentDidMount, componentDidUpdate и componentWillUnmount:

useEffect(() => {
  // Аналог componentDidMount
  console.log('Компонент смонтирован');
  
  return () => {
    // Аналог componentWillUnmount
    console.log('Компонент будет размонтирован');
  };
}, []); // Пустой массив зависимостей = только при монтировании

2. useLayoutEffect - аналогичен useEffect, но выполняется синхронно после рендера, до отрисовки в браузере.

3. useMemo и useCallback помогают оптимизировать ререндеры, аналогично shouldComponentUpdate.

Основные фазы:

• Монтирование (первый рендер)
• Обновление (ререндеры)
• Размонтирование (удаление из DOM)