В каких случаях перерисовывается компонент

Компонент перерисовывается (ререндерится) в следующих случаях:

1. Изменение состояния (state): при вызове setState или useState

const [count, setCount] = useState(0);
// Вызов setCount вызовет ререндер

2. Изменение пропсов (props): когда родитель передает новые пропсы

3. Изменение контекста (context): если компонент подписан на контекст и его значение изменилось

4. Принудительный ререндер: вызов forceUpdate() (в классовых компонентах) или хак с изменением ключа

5. Ререндер родителя: если родительский компонент перерисовывается, все его дети тоже перерисуются (если не оптимизированы)

Для оптимизации можно использовать:

• React.memo (для пропсов)
• useMemo/useCallback (для мемоизации значений/функций)
• shouldComponentUpdate (в классовых компонентах)