UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem

Learn about the latest innovations in and around OpenUI5/SAPUI5: UI5 Tooling, UI5 linter, UI5 Web Components, Web Components Integration, UI5 2.x, UI5 GenAI.

Recording:
https://www.youtube.com/live/MSdGLG2zLy8?si=INxBHTqkwHhxV5Ta&t=0

1. Keyn te Latest News about UI5 and it’s Ecosystem Stefan Beck, SAP SE Peter Muessig, SAP SE June 5 th , 2024

2. 2024

3. 2024

4. 71% in the SAP community have used SAPUI5 (past 12 months) 59% Fiori Elements 20% OpenUI5 Already 15% Web Components 70% were satisfied or very satisfied Benchmark: ABAP language 85% 2024 1000 people with various job roles From 56 countries - UI5: Important and Successful! Thank You

5. - Highlights of UI5 Development 2024 UI5 Tooling

6. - Highlights of UI5 Development 2024 UI5 Tooling UI5 2.x Support Node.js /NPM/OSS Updates ES2023 Support (already in 3.x) Feature to Improve App Performance New spec version “4.0” to introduces asyncRequire support (UI5 2.x) Performance: auto-fill supported locales in manifest.json during build Update of OSS (feature, security wise) : Enables ES2023 (Parser, Minifier) Now requires Node.js >= 20.11.0 Release scheduled for end of June 4.0

7. - Highlights of UI5 Development 2024 UI5 linter UI5 Tooling

8. - Highlights of UI5 Development 2024 UI5 linter UI5 Tooling Static Code Analysis for UI5 Code Get Codebase Ready for UI5 2.x As Easy as ESLint Compliance to Best Practices Checks TypeScript * , JavaScript, XML, and JSON Finds usage of deprecated APIs Identifies Globals usage Detects synchronous module loading Complementary to ESLint Automated execution in pipelines Pre-release available on npm * experimental

9. - Highlights of UI5 Development 2024 UI5 linter UI5 Tooling Demo

10. - Highlights of UI5 Development 2024 UI5 Web Components UI5 Tooling UI5 linter

11. - Highlights of UI5 Development 2024 UI5 Web Components UI5 Tooling UI5 linter New Interactive Playground Aligned Framework and Component APIs New Components: Tokenizer, Form, DynamicPage , … Adopting to New Web Standards 2.0 New Landing Page and Playground to improve performance and interaction Breaking Changes: (mostly easy adoption with search and replace) Replaced, renamed, removed APIs Reorganized several Components Removal of Belize theme Add native support: Form, Popover, … Release scheduled for end of June

12. - Highlights of UI5 Development 2024 Web Components Integration UI5 Tooling UI5 linter UI5 Web Components

13. - Highlights of UI5 Development 2024 Web Components Integration UI5 Tooling UI5 linter UI5 Web Components Native Support of UI5 Web Components Generic Web Components Support Benefit from Framework Features and Lifecycle Deprecation of WebC Control Libraries for UI5 >=1.120 Make Web Components first-class citizens in the UI5 framework Decouple the lifecycle of the UI5 framework and UI5 Web Components UI5 framework provides generic base class for Web Components Proposal to allow direct usage of UI5 Web Components in XMLView

14. - Highlights of UI5 Development 2024 Demo Web Components Integration UI5 Tooling UI5 linter UI5 Web Components

15. Web Components Integration - Highlights of UI5 Development 2024 UI5 2.x UI5 Tooling UI5 linter UI5 Web Components

16. Web Components Integration - Highlights of UI5 Development 2024 UI5 2.x UI5 Tooling UI5 linter UI5 Web Components Fiori Elements V4 Apps Enabled Customer Engagement Initiative Scheduled Renovated Framework APIs Best Practice Apps Keep Running! Best practices for UI5 developers (SDK) Learn the new Core and Config API Removal of deprecated APIs and UI libraries => reference: UI5 1.120.x Fiori elements removed legacy API usage and runs in new FLP sandbox OpenUI5 2.x available on CDN for testing: https://sdk.openui5.org/nightly/2/

17. Web Components Integration UI5 2.x - Highlights of UI5 Development 2024 UI5 GenAI UI5 Tooling UI5 linter UI5 Web Components

18. Web Components Integration UI5 2.x - Highlights of UI5 Development 2024 Specifically Required UI Elements in Production UI5 Code and App Generation Capabilities Generic End User Capabilities in the Pipeline Best Practices at Your Finger Tipps UI5 Tooling UI5 linter UI5 Web Components UI5 GenAI Early Draft of AI-related Web Components

19. Web Components Integration UI5 2.x - Highlights of UI5 Development 2024 UI5 Tooling Demo UI5 GenAI UI5 linter UI5 Web Components

20. Web Components Integration UI5 2.x - Highlights of UI5 Development 2024 UI5 Tooling UI5 linter UI5 Web Components UI5 GenAI

21. Web Components Integration UI5 2.x - Highlights of UI5 Development 2024 UI5 Tooling UI5 linter UI5 Web Components UI5 GenAI

22. 1246 Backlog Items => 100+ per month like: Typescript Tutorial Optimized Content Density R ounding of String-based Values Copy and Paste for Tables T heme Dependent Illustrations R esizable Columns for FCL N ew SAP BTP Navigation Design C ompleted Horizon Theme TinyMCE Update in RTE S ticky Header (Panel) Better Gantt Printing FE O D ata Request Bundling Type Ahead Improvements (Exact Match) A ll Day Duration Cell Selection in Tables Help-Id in Cards Mass Edit Feature in FE V4 Quick View in Navigation Link Displaying Text and ID for Value Help Input Fields Trusted Source Property for PDF Better Search Field in Shell Bar New Illustration Types Resizing of Popovers Various ACC Improvements Card Footer and Actions Strip ... .. . 2024 - Achievements of UI5 Development UI5 Tooling UI5 linter UI5 Web Components UI5 GenAI Web Components Integration UI5 2.x

23. - Achievements of UI5 Development 2024 Learn Explore Connect Fun! Wanna More?

24. 2024

25. Thank y u! Peter Muessig Chief Architect, UI5, SAP SE [email protected] SAP Community: @peter.muessig X/Twitter: @pmuessig Linkedin : pmuessig Stefan Beck Chief Product Owner, UI5, SAP SE [email protected] SAP Community: @stefan.beck X/Twitter: @StefanBeck3 Linkedin : stefan-beck-a9319a82