# Web Components in the Real World

> Web Components in the Real World

- Published: 2025-07-10
- Language: ru
- Canonical: https://drimchansky.dev/en/notes/web-components-in-the-real-world/

> This note is available only in Russian or translated partially

**[You're Overthinking Web Components](https://www.sanfordtech.xyz/posts/youre-overthinking-web-components/)**

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

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

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

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

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

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