UI5ers live #45: Leveraging Fiori Elements & Enhanced Local Previewing

This UI5ers live episode focuses on efficient web application development using SAP Fiori elements and tools. First, we explore leveraging SAP Fiori elements to efficiently address web application requirements, emphasizing its benefits for building consistent, standardized apps with built-in enterprise features. We showcases tools like the Feature Showcase App and the Flexible Programming Model Explorer to demonstrate how developers can balance efficiency and flexibility, customizing SAP Fiori elements to meet project-specific needs. Next, we unveil enhancements to local previewing with the SAP Fiori tools Application Modeler, showcasing the shift from managing physical sandbox files to a middleware-driven approach using virtual endpoints. This feature improves local previewing for existing and newly generated applications, allowing developers to focus on core business logic rather than preview setup. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Video Chapters: 00:00 Welcome 01:11 SAP Fiori Elements Overview 04:23 Feature Showcase App Walkthrough 08:27Flexible Programming Model Explorer 16:30 Application Preview Capabilities in SAP Fiori Tools 34:01 Future Developments and Converter Options 35:45 Closing Remarks _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Resources: SAP Fiori elements feature showcase app: https://github.com/SAP-samples/abap-p... Flexible Programming Model explorer: https://ui5.sap.com/test-resources/sa... SAP Fiori Tools - Application Modeler VS Code Extension: https://marketplace.visualstudio.com/... Open UX tools repo: https://github.com/SAP/open-ux-tools NPM Bundle of specific Open UX tools middlewares (e.g. fiori-tools-preview): https://www.npmjs.com/package/@sap/ux... preview middleware on npm: https://www.npmjs.com/package/@sap-ux... Preview middleware demo: https://github.com/heimwege/cap-node-... CLI for SAP UX apps: https://www.npmjs.com/package/@sap-ux... convert command (simulate): npx --yes @sap-ux/create@latest convert preview-config -s _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Music: klinik FX