Uploaded July 2019 | Updated September 2026, 2 weeks ago
Rendering UI elements into the DOM is at the heart of any framework for the Web, including UI5. Recently, the rendering technology of UI5 and accordingly many control renderers have been modernized in a compatible way. Migrating to the new rendering syntax brings a lot of advantages to custom control developers.
This lecture is going to:
* show the new semantic rendering syntax and how to modernize your old custom control renderers easily;
* explain the benefits and performance impacts of the new rendering technology over the old string based rendering.
Speaker: Cahit Gürgüc, SAP
The slides of this session can be found on slideshare.net/aborjinik/rendering-evolution-in-ui5
Rendering UI elements into the DOM is at the heart of any framework for the Web, including UI5. Recently, the rendering technology of UI5 and accordingly many control renderers have been modernized in a compatible way. Migrating to the new rendering syntax brings a lot of advantages to custom control developers.
This lecture is going to:
* show the new semantic rendering syntax and how to modernize your old custom control renderers easily;
* explain the benefits and performance impacts of the new rendering technology over the old string based rendering.
Speaker: Cahit Gürgüc, SAP
The slides of this session can be found on slideshare.net/aborjinik/rendering-evolution-in-ui5




, and Tobias Sorn, from the UI5 development team.
Now that it was officially announced that wdi5 becomes the legitimate successor of UIVeri5, we want to talk with Volker about what is currently happening in the project and the roadmap planning for #wdi5.
Tobias is in charge of two new features or rather changes in the #UI5 framework, which were delivered with UI5 version 1.99. The first one concerns the parsing of numbers and its change to strict parsing. Tobias will tell you what this means and how this affects your UI5 app. As his second topic, Tobias will introduce the new configuration option to set timezones.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:51 #UI5conONAIR2022 (https://openui5.org/ui5con/germany2022/)
03:53 The State of JS Survey (https://2021.stateofjs.com/en-US/libraries/front-end-frameworks)
04:56 Introduction to wdi5
06:00 Demo: Sample test with wdi5
08:16 Debugging wdi5 tests at runtime and run your app in a test-driven development mode
09:02 Demo: Debugging wdi5 tests at runtime
10:32 Demo: Run wdi5 in a test-driven development mode
11:37 The way forward for wdi5
12:49 wdi5 compared to UIVeri5
13:50 Number and Dates (https://openui5.hana.ondemand.com/entity/sap.ui.core.mvc.XMLView/sample/sap.ui.core.sample.ViewTemplate.types)
14:18 Number Parsing: Decimal Separator Issue when switching between locales or languages (https://en.wikipedia.org/wiki/Decimal_separator)
15:05 Changes in Behavior in Number Parsing as of UI5 1.99 (and 1.96.6)
21:44 New (experimental) feature as of UI5 1.99: Set Timezone (https://openui5.hana.ondemand.com/api/sap.ui.core.Configuration#methods/setTimezone)
25:00 New (experimental) OData Type as of UI5 1.99: Date Time with Timezone
26:15 Demo: #getDateTimeWithTimezoneInstance() (https://openui5.hana.ondemand.com/api/sap.ui.core.format.DateFormat#methods/sap.ui.core.format.DateFormat.getDateTimeWithTimezoneInstance + https://openui5.hana.ondemand.com/api/sap.ui.core.format.DateFormat.DateTimeWithTimezone)
28:21 Referring to #SAPUI5 Long-Term Support Versions on CDN without Specifying a Concret Patch Level
33:51 New Feature in #Easy-UI5 Generator 3.3.0
34:33 npm init wrapper for Easy-UI5 (https://blogs.sap.com/2022/03/10/easy-ui5-getting-started-even-easier/)
35:52 Demo: Using option npm init with Easy-UI5
36:35 Demo: Using option easy-ui5 binary
36:52 Demo: Using option npx with Easy-UI5
38:01 Final Words
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
wdi5 Documentation: https://js-soft.github.io/wdi5/#/
wdi5 Roadmap: https://github.com/orgs/js-soft/projects/1/views/4
SAPUI5 Version Overview: https://ui5.sap.com/versionoverview.html
Blog Post about Patch-Level Independing Bootstrap: https://blogs.sap.com/2022/04/14/sapui5-patch-level-independent-bootstrap/
npm-init wrapper for Easy-UI5: https://www.npmjs.com/package/create-easy-ui5
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX UI5ers live #16: wdi5, Strict Number Parsing, Set Timezone, Evergreen URL, Easy-UI5](https://i.ytimg.com/vi/iZ5P2BfkWo0/mqdefault.jpg)





