Скачать или смотреть SSR, hydration, incremental hydration в angular

В этом видео разберём, как Angular работает с Server-Side Rendering (SSR) и что такое гидратация (hydration). Узнаем, чем обычная гидратация отличается от разрушительной (destructive hydration) и как инкрементальная гидратация улучшает UX

Также рассмотрим важные фичи Angular при SSR:
Event Replay – как Angular воспроизводит действия пользователя после загрузки страницы.
afterRender и afterNextRender – зачем они нужны и в чём разница между ними

TransferState - https://angular.dev/api/core/Transfer...
afterRender & afterNextRender - https://angular.dev/api/core/afterRender

Telegram: https://t.me/ermolaevtech
VK: https://vk.com/ermolaevid

00:00 - Вступление
00:06 - Что с angular universal
00:32 - Что такое server side rendering
01:22 - Гидратация (hydration)
01:53 - Разрушительная гидратация (destructive hydration)
02:29 - Современная гидратация
02:47 - Пример приложения
03:11 - Структура ssr приложения
05:30 - Разбор страницы с постами
06:37 - Network ssr приложения
08:24 - Проверяем работу гидратации
09:25 - Проверяем, что DOM не изменяется
10:00 - EventReplay
11:38 - Особенность работы компонент при SSR
12:08 - Запросы и их кеширование, TransferCache
13:31 - Конструктор и хуки жизненного цикла
14:04 - Выполнение кода только на клиенте (afterRender)
15:58 - Defer при ssr
17:51 - Проблема defer
18:22 - Incremental hydration
19:19 - Суть incremental hydration

#javascript #typescript #frontend #angular #web #ssr #serversiderendering #hydration