Uploaded February 2022 | Updated September 2026, 2 weeks ago
For this episode we’re joined by Tobias Queck from SAP UX Engineering and Volker Buzek, SAP Mentor and UI5 enthusiast from the beginning. The two got together to drive forward the open sourcing of major parts of the SAP Fiori tools extension set while making sure that this is compatible with the #UI5Community tools. The main focus for the initial release of the #OpenUX_Tools was to extract the SAP Fiori freestyle templates from the SAP Fiori application generator and provide them as a reusable writer module for the SAP Fiori application generator and the community-driven #Easy-UI5 Generator. Tobias and Volker explain how this collaboration came about, how the modules work, and what else is possible. Our second topic is about #TypeScript in UI5. Andreas Kunz has been quite busy the last weeks and created a central entry point for TypeScript in UI5 with documentation, best practices and examples. In addition he showcases how you can develop a custom control using TypeScript.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:37 Open UX Tools
02:02 Origin of Open UX Tools
04:12 Current Functional Scope
06:41 What's Next
10:48 Reusing Open UX Tools in UI5 Generator
17:25 What Is TypeScript About
18:52 Central Entry Point for UI5 And TypeScript
19:42 Develop UI5 Custom Controls in TypeScript
33:28 Q/A: Type Casting Using ‘as’ Keyword Is Not A Good Practice. Will You Solve This Problem?
34:40 Q/A: Is The Interface for The Control Created Every Time You Do A Change in The Control Or Only When Changing The API of The Control?
37:09 UI5 And TypeScript Project Repository
37:39 Final Words
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
The Open UX Tools Journey: blogs.sap.com/2021/11/09/the-open-ux-tools-journey
Open UX Tools Repository: github.com/SAP/open-ux-tools
OData Client Core Branch: github.com/SAP/open-ux-tools/tree/odata-client-core
Open UX Tools Code Quality: sonarcloud.io/project/overview?id=SAP_open-ux-tools
SAP Fiori Tools Community: community.sap.com/topics/fiori-tools
The Idea of A Unified UI5 Scaffolding Tool: blogs.sap.com/2021/03/31/the-idea-of-a-unified-ui5-scaffolding-tool
Generator UI5 Project: github.com/ui5-community/generator-ui5-project
TypeScript Support in UI5: youtube.com/watch?v=0notj9PPTho&t=1495s
Enhanced TypeScript support for UI5 apps - A quick intro: youtube.com/watch?v=5jfHNKQ48w8
UI5 & TypeScript Central Entry Point: sap.github.io/ui5-typescript
UI5 Custom Control with TypeScript Sample App: github.com/SAP-samples/ui5-typescript-helloworld/tree/custom-controls
UI5 TypeScript Interface Generator: npmjs.com/package/@ui5/ts-interface-generator
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX
For this episode we’re joined by Tobias Queck from SAP UX Engineering and Volker Buzek, SAP Mentor and UI5 enthusiast from the beginning. The two got together to drive forward the open sourcing of major parts of the SAP Fiori tools extension set while making sure that this is compatible with the #UI5Community tools. The main focus for the initial release of the #OpenUX_Tools was to extract the SAP Fiori freestyle templates from the SAP Fiori application generator and provide them as a reusable writer module for the SAP Fiori application generator and the community-driven #Easy-UI5 Generator. Tobias and Volker explain how this collaboration came about, how the modules work, and what else is possible. Our second topic is about #TypeScript in UI5. Andreas Kunz has been quite busy the last weeks and created a central entry point for TypeScript in UI5 with documentation, best practices and examples. In addition he showcases how you can develop a custom control using TypeScript.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:37 Open UX Tools
02:02 Origin of Open UX Tools
04:12 Current Functional Scope
06:41 What's Next
10:48 Reusing Open UX Tools in UI5 Generator
17:25 What Is TypeScript About
18:52 Central Entry Point for UI5 And TypeScript
19:42 Develop UI5 Custom Controls in TypeScript
33:28 Q/A: Type Casting Using ‘as’ Keyword Is Not A Good Practice. Will You Solve This Problem?
34:40 Q/A: Is The Interface for The Control Created Every Time You Do A Change in The Control Or Only When Changing The API of The Control?
37:09 UI5 And TypeScript Project Repository
37:39 Final Words
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
The Open UX Tools Journey: blogs.sap.com/2021/11/09/the-open-ux-tools-journey
Open UX Tools Repository: github.com/SAP/open-ux-tools
OData Client Core Branch: github.com/SAP/open-ux-tools/tree/odata-client-core
Open UX Tools Code Quality: sonarcloud.io/project/overview?id=SAP_open-ux-tools
SAP Fiori Tools Community: community.sap.com/topics/fiori-tools
The Idea of A Unified UI5 Scaffolding Tool: blogs.sap.com/2021/03/31/the-idea-of-a-unified-ui5-scaffolding-tool
Generator UI5 Project: github.com/ui5-community/generator-ui5-project
TypeScript Support in UI5: youtube.com/watch?v=0notj9PPTho&t=1495s
Enhanced TypeScript support for UI5 apps - A quick intro: youtube.com/watch?v=5jfHNKQ48w8
UI5 & TypeScript Central Entry Point: sap.github.io/ui5-typescript
UI5 Custom Control with TypeScript Sample App: github.com/SAP-samples/ui5-typescript-helloworld/tree/custom-controls
UI5 TypeScript Interface Generator: npmjs.com/package/@ui5/ts-interface-generator
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX
