Skip to main content

Modern Frontends

React, Vue, Svelte, ...​

For frontends like React, Vue or Svelte you don't need any special configuration.

Angular​

You might want to use the Angular HTTP client so that your interceptors still work: AngularODataClient

UI5​

As UI5 brings its own OData client, we have two use cases here:

  1. you only want the typings (cf. this blog article)
  2. you want the full client

Typings Only​

First off, you need to set 2 configurations right away:

Next, you might be surprised what typings OData generates out-of-the-box: OData Types. It's not what you're used to and not matching the conversions the sap.ui.model.odata.v2.ODataModel applies. To remedy the situation you install the ui5-v2-converter.

Full Client​

You still want the bundled file generation:

The HTTP clients you can choose from: JQueryClient or FetchClient.

Finally, you need to integrate the tooling-modules to be able to consume regular NPM packages which are then converted to UI5's special module loader syntax.