Как React вносит правки в Real DOM

React использует **Virtual DOM** для оптимизации обновлений Real DOM. При изменении состояния компонента: 1. Создается новый Virtual DOM (легковесная копия Real DOM) 2. Происходит сравнение (diffing) нового и старого Virtual DOM 3. Находится минимальный набор изменений (reconciliation) 4. Применяются только необходимые правки к Real DOM Пример: ```jsx function Counter() { const [count, setCount] = useState(0); return ( ); } ``` При клике React обновит только текст внутри `

`, а не весь компонент. Это делает обновления эффективными.