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

Жизненный цикл компонента с хуками отличается от классового подхода. Основные этапы: 1. **Монтирование** (Mounting): - `useState`, `useReducer` - инициализация состояния - `useEffect` с пустым массивом зависимостей (`[]`) - аналог `componentDidMount` 2. **Обновление** (Updating): - `useEffect` с зависимостями - срабатывает при изменении указанных значений (аналог `componentDidUpdate`) - `useMemo`, `useCallback` - оптимизация пересчетов 3. **Размонтирование** (Unmounting): - `useEffect` с функцией очистки (return) - аналог `componentWillUnmount` Пример: ```jsx function Example() { const [count, setCount] = useState(0); useEffect(() => { console.log('Component mounted'); return () => console.log('Component unmounted'); }, []); useEffect(() => { console.log('Count updated:', count); }, [count]); return setCount(c => c + 1)}>Click; } ```