Веб-компоненты в реальном мире

10 июля 2025 г.

Подробная статья про использование Web Components с примерами из реального проекта.

Честно говоря, начинал читать с очень большим скепсисом, который со временем сформировался из-за того, как технологию преподносит основной костяк медийных фронтенд-деятелей:

Веб-компоненты вот-вот доведут до ума и они заменят все фреймворки – трава станет зеленее!

Только вот реальность такова, что один инструмент не может покрыть все задачи. И не должен.

Хоть примеры автора мне и показались отчасти искусственными – использование Web Components на своём сайте, разрабатываемом на одном стеке, на мой взгляд только усложняет разработку (API выглядит слишком императивным, все еще есть нюансы работы в разных браузерах) – в голову пришли несколько сценариев, когда технология и правда может упростить задачу:

(50/50) С использованием Shadow DOM: для создания виджета, встраивающегося в чужие сайты. Но работа с состоянием и коммуникацией с внешним приложением выглядит оочень неудобно.
Без использования Shadow DOM: Для создания универсальных компонентов в приложениях с микрофронтендами, где разные команды могут писать на разных фреймворках.