The document outlines the latest innovations and achievements for OpenUI5/SAPUI5 as of July 6, 2023, highlighting key topics such as a new programming model, enhanced tooling, TypeScript support, and improvements to web components. It details the introduction of UI5 tooling v3.0, which includes faster build processes and enhanced extension APIs, as well as ongoing support for Google Workspace. Additionally, it promotes a conference (UI5con) aimed at fostering learning and networking within the UI5 community.

1. The latest news about OpenUI5/SAPUI5
July 6th, 2023
Stefan Beck, Peter Muessig

2. 2023

3. 3
Key Topics
- Innovations & Achievements
2023
900 Backlog
Items
30 Innovations
per Month
1 Innovation
per Day

4. 4
Key Topics
- Innovations & Achievements
2023
900 Backlo
Items
30 Innova
per Mo
1 Innova
per Da

5. 5
Key Topics
Programming Model
MDC “Unchained”
- Innovations & Achievements
2023

6. 6
Key Topics
Programming Model
MDC “Unchained”
- Innovations & Achievements
2023

7. 7
Key Topics
Programming Model
MDC “Unchained”
UI5 Tooling
V3.0
- Innovations & Achievements
2023

8. 8
Key Topics
Programming Model
MDC “
UI5 Tooling
V3.0
- Innovations & Achievements
2023
ES2022 Support
2x Faster Build
Workspaces
Support
Enhanced Extension
APIs

9. 9
Key Topics
Programming Model
MDC “Unchained”
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
- Innovations & Achievements
2023

10. 10
Key Topics
Programming Model
MDC “
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
- Innovations & Achievements
2023

11. 11
Key Topics
Programming Model
Rendering & Controls
Web Components
MDC “Unchained”
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
- Innovations & Achievements
2023

12. 12
Key Topics
Programming Model
Rendering & Controls
Web Components
MDC “Unchained”
- Innovations & Achievements
2023
TypeScript Support
Simplified Metadata
API (Annotations)
Micro Frontend
Support (no conflict)
OpenUI5/SAPUI5
Enablement

13. 13
Key Topics
Programming Model
Rendering & Controls
Web Components
MDC “Unchained”
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
- Innovations & Achievements
2023

14. 14
Key Topics
Programming Model
Rendering & Controls
Web Components
MDC “Unchained”
Horizon
Design Innovation
- Innovations & Achievements
2023

15. 15
Key Topics
Programming Model
Rendering & Controls
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
- Innovations & Achievements
2023

16. 16
Key Topics
Programming Model
Rendering & Controls
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
- Innovations & Achievements
2023

17. 17
Key Topics
Programming Model
Rendering & Controls
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Official TypeScript Support for UI5
>= 1.116.0
🚀
- Innovations & Achievements
2023

18. 18
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023

19. 19
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web C
MDC “
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023
Bootstrap
Evolution
Grow-
As-We-
Go
Async-
only
Faster
access
to DOM
No
FOUC
UI5
Tooling
support

20. 20
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web C
MDC “
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023

21. 21
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web C
MDC “
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023
sap.m sap.ui.webc
index-legacy.html
index.html

22. 22
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
Legacy-free
UI5
- Innovations & Achievements
2023

23. 23
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Bootstrap Evolution
Legacy-free
UI5
- Innovations & Achievements
2023
Success
Time
UI5
UI5 Evo
2016 2022
2009
Legacy-
free UI5
Async APIs
Modular Core
Async APIs ”only”
UI5 Tooling
UI5 Web Components
Remove Deprecations
More Web Standards,
Less Frameworks!
Performance!

24. 24
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Bootstrap Evolution
Legacy-free
UI5
- Innovations & Achievements
2023

25. 25
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Bootstrap Evolution
Legacy-free
UI5
- Innovations & Achievements
2023
Classic OpenUI5
Runtime Resources
Deprecated
Libs
Deprecated
Code
sap.ui.commons
sap.ui.suite
sap.ui.ux3
synchronous JavaScript loading &
globals
remove dependencies
to deprecated code
outdated alternative APIs
X
X
jQuery.sap.require("sap.m.Button");
new sap.m.Button();
sap.ui.require([
"sap/m/Button“
], function (Button) {
new Button();
}
“Benefits of 2.0”

26. 26
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Bootstrap Evolution
Legacy-free
UI5
- Innovations & Achievements
2023

27. 27
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
Legacy-free
UI5
- Innovations & Achievements
2023
UI5 2.0

28. 28
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023
UI5 2.0
Key Takeaways

29. 29
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023
UI5 2.0
ChatGPT

30. 30
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web C
MDC “
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023
U
ChatGPT
What should I do at UI5con today?

31. 31
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web C
MDC “
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023
U
ChatGPT
At UI5con, attendees can expect a variety of activities, including keynote
speeches, technical sessions, workshops, panel discussions, and
networking opportunities. The conference aims to provide a platform for
learning, collaboration, and networking within the UI5 community.
Now it’s up to you, follow the motto:
Learn, Explore, and Connect
|

32. 32
Key Topics
Programming Model
Rendering & Controls
Modular Core
Web Components
MDC “Unchained”
TypeScript
Horizon
Design Innovation
Google
Workspace
Support on
ABAP
UI5 Tooling
V3.0
Bootstrap Evolution
- Innovations & Achievements
2023
UI5 2.0
ChatGPT
IT’S A
WRAP!

33. 2023

34. Peter Muessig
Chief Architect, SAPUI5
peter.muessig@sap.com
SAP Community: @peter.muessig
Twitter: @pmuessig
Linkedin: pmuessig
Stefan Beck
Chief Product Owner, SAPUI5
stefan.beck@sap.com
SAP Community: @stefan.beck
Twitter: @StefanBeck3
Linkedin: stefan-beck-a9319a82