Web Components

Понимает концепцию Web Components и их связь с Angular Elements. Использует готовые Web Components сторонних библиотек в Angular-шаблонах через CUSTOM_ELEMENTS_SCHEMA в компонент-метаданных.

Понимает стандарты Web Components (Custom Elements, Shadow DOM). Интегрирует сторонние веб-компоненты в React-приложения. Знает, когда использовать нативные компоненты vs абстракции React.

Понимает Web Components и их совместимость со Svelte. Компилирует Svelte-компоненты как custom elements для кросс-фреймворкового переиспользования. Работает с Shadow DOM и slot-based композицией.

Создаёт Angular Elements для использования вне Angular: упаковка standalone-компонентов как Custom Elements, передача данных через attributes/properties, обработка событий через CustomEvent.

Создаёт React-обёртки для Web Components с корректной типизацией TypeScript: маппинг свойств, форвардинг событий, поддержка ref. Реализует двустороннюю интеграцию между React-компонентами и Custom Elements для использования в других фреймворках.

Создаёт Svelte-компоненты, экспортируемые как Web Components через customElement: true, настраивает shadow DOM и проброс свойств. Интегрирует сторонние UI-библиотеки на Web Components в SvelteKit, обеспечивает корректную гидратацию SSR.

Проектирует архитектуру Angular Elements для кросс-фреймворковой интеграции: Shadow DOM стратегии, lazy-loading Angular Elements, оптимизация bundle-размера для виджетов, стилизация через CSS Parts.

Проектирует стратегию использования Web Components в React-экосистеме: shared UI-примитивы как Custom Elements для framework-agnostic дизайн-системы, Shadow DOM для инкапсуляции в микрофронтенд-архитектуре. Обеспечивает SSR-совместимость через Declarative Shadow DOM.

Проектирует архитектуру микрофронтендов с Svelte Web Components: изоляция стилей, коммуникация через CustomEvent, shared state. Создаёт framework-agnostic библиотеку компонентов на Svelte, обеспечивает совместимость с React/Vue/Angular consumers.

Управляет стратегией Web Components в Angular-проекте: стандарты создания Angular Elements для микрофронтендов, версионирование и публикация в npm, интеграция с не-Angular приложениями.

Определяет стратегию Web Components для React-команды: когда использовать WC vs React-компоненты, стандарты создания framework-agnostic компонентов. Координирует создание shared библиотеки Custom Elements для кросс-фреймворкового использования.

Определяет стратегию Web Components в организации: когда использовать Svelte custom elements vs нативные, стандарты взаимодействия. Координирует создание shared-библиотеки компонентов, обеспечивает документацию и тестирование для мультифреймворковых потребителей.

Определяет архитектуру микрофронтендов через Angular Elements и Web Components: федеративные модули, shared dependencies стратегия, интеграция с Module Federation и Native Federation.

Формирует архитектурную стратегию Web Components для организации: standard-based UI-примитивы, стратегию переносимости между React и другими фреймворками, интеграцию с дизайн-системой. Определяет долгосрочный вектор: React-specific vs Web Standards.

Формирует архитектурную стратегию переиспользования UI на уровне организации через Web Components и Svelte. Исследует перспективы Declarative Shadow DOM и HTML Modules для SvelteKit SSR, влияет на поддержку custom elements в Svelte-компиляторе.