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/TransferState
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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «SSR, hydration, incremental hydration в angular», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.