UI5ers live #38: Consolidated SAPUI5 Flexibility Services, ui5/dts-generator
In this episode, Christian Voshage from the flexibility area within UI5 discusses how they consolidated the personalization and key user services in the UI5 flexibility framework for applications running on the SAP BTP Cloud Foundry environment. This simplification reduces complexity for application developers who now only need to configure one service instead of two. Christian outlines the benefits of the new approach, including reduced setup effort, improved performance, and a streamlined pricing model. He also explains the migration process and the steps taken to ensure a smooth transition for existing users.
The second part of the episode focuses on the UI5 DTS Generator, a recently published npm tool that generates TypeScript type definitions for UI5 controls. The DTS Generator leverages JSDoc annotations to generate comprehensive type definitions, ensuring type safety and code completion for developers consuming these libraries. Andreas Kunz demonstrates how to use the UI5 DTS Generator, guiding you through a step-by-step tutorial for creating a JavaScript UI5 library and generating its corresponding TypeScript type definitions. He explains the process of using JSDoc for generating API documentation and integrating the type definitions into a TypeScript application.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:55 Introduction: SAPUI5 Flexibility and its Challenges
03:34 The Journey of Flexibility Services: Unifying Key User and Personalization Services
Combining personalization and key user services into one service
06:33 Transition Process and Benefits of the One Service Project
11:25 Q/A: How Much Effort Was Spent on This Project?
13:12 Q/A: Are There Plans for Phasing Out The Old Services?
15:31 Introducing the UI5 DTS Generator
17:54 Demo: Generating Type Definitions for UI5 controls using the DTS Generator
18:29 Creating a JavaScript UI5 Library Using Easy-UI5 generator
19:30 Downloading Library API Info Files For Dependent UI5 Base Classes
21:43 Building the Custom Library API Info File
23:26 Downloading Library API Info Files And Types For Dependent UI5 Base Classes
26:02 Invoking the DTS Generator to Create TypeDefinitions for Your Library
29:06 Enabling Type Support in JavaScript Files Using JSDoc and tsconfig.json
32:40 Q/A: Are There Plans to Offer A Demo Kit-Like Visualization for Generated api.json Files
34:26 Discussion: Automating the dependency api.json download process
35:02 Closing Words
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
UI5 flexibility for key users (SAP Discovery Cenrer Page): https://discovery-center.cloud.sap/se...
UI5 flexibility for key users - Initial Set-Up (SAP Help): https://help.sap.com/docs/ui5-flexibi...
Bootstrapping SAPUI5 Flexibility (SAPUI5 documentation): https://ui5.sap.com/#/topic/642dab291...
UI5 dts-generator (GitHub): https://github.com/SAP/ui5-typescript...
End-to-End Sample for UI5 Library Development and dts-generator Usage (tutorial): https://github.com/SAP/ui5-typescript...
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX