Какая главная проблема оптимизация в React

Главная проблема — избыточные ререндеры компонентов. React перерисовывает компоненты при изменении их состояния или пропсов, но иногда это происходит без необходимости. Основные причины: 1. Неоптимизированные пропсы (передача новых объектов/функций при каждом рендере) 2. Неправильное использование контекста (все потребители перерендериваются при изменении контекста) 3. Отсутствие мемоизации (useMemo, useCallback) Пример проблемы: ```jsx function Parent() { const [count, setCount] = useState(0); // Создаётся новая функция при каждом рендере const handleClick = () => console.log('click'); return ; } ``` Решение: ```jsx function Parent() { const [count, setCount] = useState(0); // Функция мемоизируется const handleClick = useCallback(() => console.log('click'), []); return ; } ```