https://github.com/sap-samples/ui5-evolution-apps

Sample applications and information to complement ongoing UI5 Evolution activities (such as substantially improving the UI5 framework by a modular core, lightweight bootstrap, consolidated configuration, etc.).
https://github.com/sap-samples/ui5-evolution-apps

openui5 sample sample-code sapui5 ui5

Last synced: about 1 month ago
JSON representation

Sample applications and information to complement ongoing UI5 Evolution activities (such as substantially improving the UI5 framework by a modular core, lightweight bootstrap, consolidated configuration, etc.).

• Host: GitHub
• URL: https://github.com/sap-samples/ui5-evolution-apps
• Owner: SAP-samples
• License: apache-2.0
• Created: 2023-06-26T09:03:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-07T13:38:32.000Z (7 months ago)
• Last Synced: 2025-04-13T14:48:53.347Z (6 months ago)
• Topics: openui5, sample, sample-code, sapui5, ui5
• Language: JavaScript
• Homepage:
• Size: 132 KB
• Stars: 14
• Watchers: 9
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Sample apps for ongoing UI5 Evolution activities

[![REUSE status](https://api.reuse.software/badge/github.com/SAP-samples/ui5-evolution-apps)](https://api.reuse.software/info/github.com/SAP-samples/ui5-evolution-apps)

> **Note**: The boostrapping mechanism showcased in this repository is still considered experimental!

This repository includes two sub-projects. Both projects implement a todo application, similar to [openui5-sample-app](https://github.com/SAP/openui5-sample-app), but each with a different set of UI controls:

* `/app-ui5`

  * uses regular `sap.m` UI5 controls

* `/app-ui5-webc`

  * uses wrapped UI5 Web Components

## Basic Setup

To build and run the above apps, you also need to checkout [OpenUI5](https://github.com/SAP/openui5).

The `ui5-workspace.yaml` files in the respective app folders define relative paths to your local OpenUI5 folder. Please make sure these paths are correct.

The predefined paths expect the folder `openui5` to reside next to this repository folder.

## Build and Run the Apps

Please see the respective `README.MD` files in the app folders:

* [app-ui5](./app-ui5/README.MD)

* [app-ui5-webc](./app-ui5-webc/README.MD)

## Modular Core Bootstrap

The new bootstrapping mechanism can be activated by using `sap-ui-boot.js` instead of `sap-ui-core.js`.

In the snippet below, we will outline some important differences when using the new `sap-ui-boot.js`.

```html

```

### sapUiModules

The `sapUiModules` config option accepts a comma separated list of modules which should be loaded during bootstrapping; for example the Component preload bundles for your app as specified in the `ui5.yaml`.

> **Note**: Modules that might fail to load can be marked as *optional* by enclosing the module name in brackets.

> This is commonly the case during development when your bootstrap already contains the productive bundles, but you have not yet built the app.

### sapUiOnInit

The `sapUiOnInit` config option accepts a string value pointing to a UI5 module which will be loaded at the end of the bootstrap.

> **Important**: In order to provide a resource path mapping, you must append the local path after the `@` symbol. In the above sample, the `sap/ui/demo/todo` path is thus mapped to the local path `./`.