Declarative Shadow DOM позволяет описать shadow tree прямо в разметке — сервер отдаёт готовый виджет (карточка, чат), клиент не пересобирает DOM с нуля.
Критично для SEO и LCP: контент внутри shadow не дублируйте в light DOM — иначе двойной текст в индексе.
- [Declarative Shadow DOM — web.dev](https://web.dev/articles/declarative-shadow-dom) — Паттерн и SSR.
- [Using shadow DOM — MDN](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM) — Основы shadow root.
---
## Продакшн
Проверьте гидратацию в React 19+ / Lit: один shadow root на компонент.
Стили в shadow изолированы — design tokens прокидывайте через CSS variables на host.