Uploaded August 2022 | Updated September 2026, 1 week ago
This session shares cool insights from the #ui5webcomponents project, from basics to more advanced topics.
Topics that are covered are:
- the latest development with highlight on the 1.0 official stable release
- many new components and themes
- dedicated section for #accessibility of #webcomponents , or the way to provide full-fledge accessibility support in UI5 Web Components
- our future plans
Note: The session is suitable for application and component developers, with or without experience in UI5 Web Components.
Event: #UI5conHYBDIRD2022
Speaker: Ilhan Myumyun, SAP | Elena Stoyanova, SAP
---
00:00 Introduction
01:03 UI5 Web Components Story
04:23 UI5 Web Components 1.0
08:05 UI5 Web Components Enterprise Qualities
08:44 Accessibility
15:18 #theming
16:11 #globalization
18:20 UI5 Web Components in #react, #angular, #vue, #seltes
19:23 Demo: Compare UI5 Web Components in React with UI5 Web Components in Vue
20:32 UI5 Web Components in Production
23:19 UI5 Web Components in UI5
28:54 UI5 Web Components Ecosystem
32:30 UI5 Web Components Roadmap
34:05 Q/A
34:28 Are there templates ready for UI5 Web Components in Business Application Studio?
35:20 Are there any special things to consider if you develop a custom theme and want to use it with Web Components?
36:46 Why would someone need a layout UI like the flexible column layout as a web component, shouldn't this be done via pure CSS? Are you planning to replace or mimic all sap.m controls?
38:07 Isn't enabling different kinds of programming models (React, Angular, Vue, ...) bringing a complexity to UI5 Web Components? Are those bundles separately or are they all in one?
39:24 If you have already an existing Angular application is it easy to convert it to UI5 Web Components?
40:58 What would be your best suggestion in order to build an Object Page layout?
43:19 Would it be beneficial to mix Web Components with standard controls in UI5 for better performance?
44:27 Does SAP provides support for Web Components in case of issues?
45:36 Are the UI5 Web Components stable to be used in UI5?
---
Resources
Slides: openui5.org/ui5con/germany2022/slides/2022-UI5con-1_4-UI5WebComponents_1.0.pdf
UI5 Web Components Homepage: sap.github.io/ui5-webcomponents
GitHub Repository: github.com/ilhan007/ui5con-app
Blog Post (UI5) Web Components enablement for OpenUI5/SAPUI5: blogs.sap.com/2022/03/10/ui5-web-components-enablement-for-openui5-sapui5
UI5 Web Components in UI5: sdk.openui5.org/api/sap.ui.webc
This session shares cool insights from the #ui5webcomponents project, from basics to more advanced topics.
Topics that are covered are:
- the latest development with highlight on the 1.0 official stable release
- many new components and themes
- dedicated section for #accessibility of #webcomponents , or the way to provide full-fledge accessibility support in UI5 Web Components
- our future plans
Note: The session is suitable for application and component developers, with or without experience in UI5 Web Components.
Event: #UI5conHYBDIRD2022
Speaker: Ilhan Myumyun, SAP | Elena Stoyanova, SAP
---
00:00 Introduction
01:03 UI5 Web Components Story
04:23 UI5 Web Components 1.0
08:05 UI5 Web Components Enterprise Qualities
08:44 Accessibility
15:18 #theming
16:11 #globalization
18:20 UI5 Web Components in #react, #angular, #vue, #seltes
19:23 Demo: Compare UI5 Web Components in React with UI5 Web Components in Vue
20:32 UI5 Web Components in Production
23:19 UI5 Web Components in UI5
28:54 UI5 Web Components Ecosystem
32:30 UI5 Web Components Roadmap
34:05 Q/A
34:28 Are there templates ready for UI5 Web Components in Business Application Studio?
35:20 Are there any special things to consider if you develop a custom theme and want to use it with Web Components?
36:46 Why would someone need a layout UI like the flexible column layout as a web component, shouldn't this be done via pure CSS? Are you planning to replace or mimic all sap.m controls?
38:07 Isn't enabling different kinds of programming models (React, Angular, Vue, ...) bringing a complexity to UI5 Web Components? Are those bundles separately or are they all in one?
39:24 If you have already an existing Angular application is it easy to convert it to UI5 Web Components?
40:58 What would be your best suggestion in order to build an Object Page layout?
43:19 Would it be beneficial to mix Web Components with standard controls in UI5 for better performance?
44:27 Does SAP provides support for Web Components in case of issues?
45:36 Are the UI5 Web Components stable to be used in UI5?
---
Resources
Slides: openui5.org/ui5con/germany2022/slides/2022-UI5con-1_4-UI5WebComponents_1.0.pdf
UI5 Web Components Homepage: sap.github.io/ui5-webcomponents
GitHub Repository: github.com/ilhan007/ui5con-app
Blog Post (UI5) Web Components enablement for OpenUI5/SAPUI5: blogs.sap.com/2022/03/10/ui5-web-components-enablement-for-openui5-sapui5
UI5 Web Components in UI5: sdk.openui5.org/api/sap.ui.webc
