Разработка и интерфейсы

Гидратация

Илья Тарасов — Гидратация
МатериалГидратацияtarasovcode

Подключение клиентского поведения React к уже существующей HTML-разметке. React проверяет, что исходное дерево соответствует первому клиентскому отображению, и устанавливает обработчики. Это позволяет сохранить быстрый первоначальный вывод серверной страницы.

Пример на практике

После загрузки браузер делает серверную кнопку интерактивной без повторного создания страницы.

Когда пригодится

Держите серверный и первый клиентский вывод одинаковыми.

Что важно учитывать

Несовпадение разметки вызывает hydration warning и может привести к неожиданной перестройке.

Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов

Вернуться к 400 терминам