Uploaded July 2019 | Updated September 2026, 3 weeks ago
I have been developing UI5 apps for a very long time, almost from the very beginning, from simple to advanced apps.
Over time, I faced the boundaries of UI5 and went beyond them. Each project, I tried a different approach and used other concepts to improve the way I develop UI5 apps. Additionally, I try to use UI5 in an efficient way by separating code in a reusable and generic way combined with state development.
Today, I’m reusing the best parts of these concepts into all of my projects. During this session I want to share how I develop UI5 apps .
Starting with explaining on how to make the OData model work together with a JSON model and use the best of both. To do so, I created a service object that handles all possible OData requests in Promises. On top of that, I wrapped the service object in a state object which keeps the result of the requests in a JSON model. This will remove all the logic, related to the model, out of the controller.
Next, I will also explain how the state will put the result of any OData call into different UI5 Objects to achieve separation of concerns. These objects can be used for property mapping or formatting properties (will reduce formatters) and other logic related to a specific object.
I will show how this is the key to make your app reactive with a standard JSON Model.
Last but not least, I will reveal our setup with CI/CD, SAP Web IDE and ES6, as this goes hand-in-hand with the way of developing UI5.
Speaker: Wouter Lemaire, Flexso
The slides of this session can be found on slideshare.net/secret/bWgIxch4Msfprl
GitHub Repo: github.com/lemaiwo/UI5Con2019
I have been developing UI5 apps for a very long time, almost from the very beginning, from simple to advanced apps.
Over time, I faced the boundaries of UI5 and went beyond them. Each project, I tried a different approach and used other concepts to improve the way I develop UI5 apps. Additionally, I try to use UI5 in an efficient way by separating code in a reusable and generic way combined with state development.
Today, I’m reusing the best parts of these concepts into all of my projects. During this session I want to share how I develop UI5 apps .
Starting with explaining on how to make the OData model work together with a JSON model and use the best of both. To do so, I created a service object that handles all possible OData requests in Promises. On top of that, I wrapped the service object in a state object which keeps the result of the requests in a JSON model. This will remove all the logic, related to the model, out of the controller.
Next, I will also explain how the state will put the result of any OData call into different UI5 Objects to achieve separation of concerns. These objects can be used for property mapping or formatting properties (will reduce formatters) and other logic related to a specific object.
I will show how this is the key to make your app reactive with a standard JSON Model.
Last but not least, I will reveal our setup with CI/CD, SAP Web IDE and ES6, as this goes hand-in-hand with the way of developing UI5.
Speaker: Wouter Lemaire, Flexso
The slides of this session can be found on slideshare.net/secret/bWgIxch4Msfprl
GitHub Repo: github.com/lemaiwo/UI5Con2019
