Как работает гидратация

Гидратация — это процесс "оживления" статического HTML, полученного с сервера, путем подключения JavaScript и добавления интерактивности. **Как это работает:** 1. Сервер отдаёт готовый HTML (например, из SSR или SSG) 2. Браузер отображает статическую страницу 3. JavaScript загружается и "подключается" к существующему DOM 4. React/Vue/etc. сравнивают виртуальный DOM с реальным и добавляют обработчики событий **Пример (React):** ```jsx // На сервере const html = ReactDOMServer.renderToString(); // В браузере ReactDOM.hydrate(, document.getElementById('root')); ``` **Особенности:** - DOM не пересоздаётся, только добавляется интерактивность - Важно, чтобы серверный и клиентский рендеринг давали идентичный результат - Позволяет ускорить First Contentful Paint (FCP)