Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Які фази проходить SSR рендеринг?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**SSR-рендеринг** проходить три основні фази: Server Render, Client Load і Hydration. **Ключове:** SSR рендерить HTML на сервері, браузер показує його одразу, а hydration робить сторінку інтерактивною.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняSSR-рендеринг проходить три основні фази, якщо пояснювати на рівні junior: --- ### **1) Server Render (рендер на сервері)** Angular виконується на сервері (Node.js) і **створює готовий HTML** для сторінки: - запускається серверна версія застосунку - Angular рендерить компоненти - формується фінальна HTML-розмітка *На цьому етапі браузеру надсилається вже намальована сторінка.* --- ### **2) Client Load (завантаження клієнтського застосунку)** Браузер отримує HTML від сервера і **показує його одразу**, поки паралельно: - завантажуються JavaScript-бандли Angular - підключаються стилі і скрипти - готується клієнтська версія застосунку *Сторінка вже видна, але ще не інтерактивна.* --- ### **3) Hydration (гідратація, "оживлення")** Коли JS завантажено, Angular **зіставляє наявний HTML зі своєю віртуальною моделлю** і: - навішує обробники подій - вмикає реактивність і біндинги - відновлює застосунок як SPA *Сторінка стає інтерактивною, без повторного рендера.* --- ### **Коротко в одному реченні:** **SSR рендерить HTML на сервері → браузер показує його одразу → hydration робить сторінку інтерактивною.** --- Якщо хочеш, можу додати картинку-схему або порівняння з CSR.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.