Что такое Web Components и как они работают с фреймворками?

Web Components — нативный стандарт: Custom Elements, Shadow DOM, HTML Templates. Создаёшь переиспользуемые компоненты без фреймворков. В React интеграция непростая — React не передаёт пропы как атрибуты DOM, нужен ref или враппер. Vue и Angular работают с Web Components лучше. Lit — популярная библиотека для создания WC. Плюсы: framework-agnostic, нативная инкапсуляция. Минусы: SSR сложен, размер экосистемы не сравним с React. Хороши для design systems, shared между фреймворками.