Как работает React при перерендерах

React использует виртуальный DOM для оптимизации перерендеров. При изменении состояния или пропсов: 1. React создает новое виртуальное дерево DOM 2. Сравнивает его с предыдущим (diffing алгоритм) 3. Обновляет только изменившиеся части реального DOM Ключевые моменты: - Компонент перерендерится при изменении его state или получении новых props - Родительский рендер вызывает рендер дочерних компонентов (если не оптимизировано) - Можно оптимизировать через `React.memo`, `useMemo`, `useCallback` Пример оптимизации: ```jsx const MemoizedComponent = React.memo(function MyComponent({value}) { return ; }); function Parent() { const [count, setCount] = useState(0); const memoizedCallback = useCallback(() => {}, []); return ( <> setCount(c => c + 1)}>Click </> ); } ```