Seamless Integration Of Web Components In UI5 - Latest Developments

Описание: In this session, we aim to showcase the integration of Web Components into UI5, highlighting the latest advancements and developments since the last UI5con.
We will start with a comparison between native Web Components and UI5 controls, focusing on their concepts, such as the mapping of slots and aggregations. Additionally, we will explain the role of control wrappers using the standardized custom elements manifest.
Participants will learn how to seamlessly integrate Web Components into both application and library projects. We will explore their consumption within UI5 views, fragments, and controllers.
Lastly, we will emphasize the usage and inheritance of base classes like sap.ui.core.webc.WebComponent, discussing runtime behaviors and advanced techniques.

You will learn:
1. Comparison between Web Component native concepts and UI5
Mapping between concepts (e.g. slots - aggregations, properties, ...)
What are control wrappers?
2. Integration
in an application project (seamless + built)
in a library project (built)
Web Components standardized metadata (`custom elements manifest`)
3. Consumption in UI5
Views, Fragments, ...
Controllers
4. Base Classes in UI5 runtime
sap.ui.core.webc.WebComponent
How to extend?
How to use a custom tag?
How do control wrappers behave at runtime?
e.g. aggregation typing, interfaces, enums
Outlook: WebComponentRenderer + WebComponentMetadata

Speakers:
Thorsten Hochreuter (SAP),
Johannes Gluch (SAP)

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome and Intro
00:48 Seamless Integration Of Web Components In UI5 - Latest Developments
39:18 Q&A
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Resources:
Slides: https://github.com/Thodd/UI5con-2025-...

Find more info here: https://openui5.org/ui5con/