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/