BlogBlogA post on somebody's own site or a community platform. Nobody edits it after publication, so it dates from the day it was written.See every one →SAP Community
Embracing TypeScript in SAPUI5 Development
A developer's experience report on moving a Fiori project to TypeScript supportTypeScript supportWriting apps and libraries in TypeScript — the type definitions, the module syntax the loader expects, and the build step that gets from one to the other.SAP and community, narrow by design: compile-time errors from missing typings, interfaces that fix an object's shape across the app, and the SAPUI5 API Reference or a hover tooltip in SAP Business Application StudioSAP Business Application StudioSAP's development environment for business applications, delivered as a cloud service and opened in a browser, where work happens in preconfigured dev spaces.sap official, btp to find the right type for a method. It also names a concrete library-integration gap it hit — a GitHub issue over a missing sap.ushell.Container typing in SAP/ui5-typescript — as the kind of problem that still needs an SAP fix or a workaround, alongside the learning curve of the switch from JavaScript.
Where it sits
Explains
TypeScript supportUI5TypeScript supportWriting apps and libraries in TypeScript — the type definitions, the module syntax the loader expects, and the build step that gets from one to the other.
Who is behind it
SimonMDMauthor
Properties
About this work
Published
Published on
Group by9 of 9 pieces
Piece, what it offersStill applies
UI5 Views, Reimagined: Type-Safe TSX for a Modern Dev ExperienceUI5 Views, Reimagined: Type-Safe TSX for a Modern Dev ExperienceA Devtoberfest 2026 session on @ui5-community/jsx-runtime, the incubation project that lets a UI5 view be written as TSX: XML-like markup that the TypeScript compiler checks against the control's own types and a Babel plugin turns into the constructor calls UI5 already makes. The edge to the runtime rests on the session's own description, which gives the project's documentation site as the session's documentation. The TypeScript support edge holds because that is the session's subject — per-property checking, completion on every attribute, renames that carry through a view, and typed event objects that remove the casts — alongside what stays unchanged: string and expression bindings, controllers, routing and i18n, and XML views living beside TSX ones in the same app. The build edge rests on the setup, where ui5-tooling-transpile is given the JSX transform in ui5.yaml; the walkthrough then builds a bookshop app on a CAP OData service and names what is still missing, UI flexibility and native HTML among it.published 2026-10-09
JSX Runtime for UI5: write your views as TSX, and tell us what you thinkJSX Runtime for UI5: write your views as TSX, and tell us what you thinkAn incubation announcement from @ui5-community/jsx-runtime's author: a JSX element compiles to a plain UI5 constructor call, with no virtual DOM and no reconciler, so a .tsx view produces the same control tree an XML view would, typed per control from the $ButtonSettings-style interfaces @openui5/types already publishes. XML and TSX views coexist in one app, and a five-point plugin SPI lets libraries add their own directives alongside the built-in <For>, <If> and <Fragment>. The post asks readers to try the live showcase and file issues before the team commits further.published 2026-07-21
TypeScript 6 and 7 – What UI5 TypeScript Developers Need to Know in 2026TypeScript 6 and 7 – What UI5 TypeScript Developers Need to Know in 2026TypeScript 6, the last JavaScript-based compiler, turns previously-deprecated tsconfig settings such as moduleResolution: "node" into hard errors and drops auto-discovery of @types/* packages, which is why the maintainers are deprecating @types/openui5 in favour of the identical @openui5/types; TypeScript 7 rewrites the compiler in Go and removes the JavaScript compiler API entirely, with no replacement API yet. UI5's type declarations are unaffected because they rest on ambient module syntax stable since TypeScript 2, but @ui5/ts-interface-generator, built on that removed compiler API, is capped below TypeScript 7 until a programmatic API exists there, and @ui5/dts-generator now requires Node.js 20.published 2026-06-10
How to Migrate UI5 Projects to the Latest UI5 Best PracticesHow to Migrate UI5 Projects to the Latest UI5 Best PracticesThe author points @ui5/mcp-server's linter and migration-guideline tools at GitHub Copilot's Coding Agent, filing a GitHub issue asking it to migrate a legacy UI5 app to the latest best practices and letting the agent plan, commit and test the result unattended. A second run asks the same agent to convert the whole project from JavaScript to TypeScript, using the server's dedicated conversion guidelines that TypeScript support already credits to it, both runs resting on the project-reading tools agent access to your code describes.published 2026-03-03
UI5 MCP Server's New TypeScript Migration Feature - Real-World Experience and Best PracticesUI5 MCP Server's New TypeScript Migration Feature - Real-World Experience and Best PracticesAndreas Kunz converts his own eight-year-old, 14-controller app with the UI5 MCP server's TypeScript migration feature, released in 0.2.0, and reports what the tool got wrong on the first pass — excessive as any casts, types redeclared per file, a hallucinated package — and how tuning its conversion guidelines fixed each one. The piece sets out concrete practice for TypeScript support: start from shared modules before controllers, restart the agent's conversation rather than fight a filled context window, and diff the transpiled build output against the original JavaScript to confirm nothing broke.published 2025-12-15
SAPUI5 Meets TypeScript: A Smooth Migration Journey with JouleSAPUI5 Meets TypeScript: A Smooth Migration Journey with JouleJoule's new /ui5-typescript slash command, part of Joule in SAP Build Code inside SAP Business Application Studio, walks through migrating an existing JavaScript SAPUI5 application to TypeScript: it updates package.json and ui5.yaml with the dependencies and tooling a manual migration already needs, adds a tsconfig.json, and then migrates controller files one at a time, replacing each *.controller.js with the accepted *.controller.ts. Responses mix AI-generated changes with an npm-registry lookup for current dependency versions, and the author flags a major UI5 CLI upgrade in the results as something to check before accepting it.published 2024-12-10
TypeScript Sheriff: How can I use TypeScript in the SAP ecosystem? (Part 2 of 3)TypeScript Sheriff: How can I use TypeScript in the SAP ecosystem? (Part 2 of 3)The middle part of three, and the one about SAP: where TypeScript is supported across a side-by-side extension on BTP, as of July 2023. It says the SAP Cloud SDK already generates OData clients as .ts files and UI5 ships types for its controls and modules, the ground of TypeScript support in UI5, while CAP offers standard types and the new @cap-js/cds-typer generates types for a service, which is typing, with the caveat that running cds-ts commands could overwrite what cds-typer generated.MikeDoyle, published 2023-07-05
A ChatGPT-like chat app built with modern SAP technologies (CAP, SAPUI5) – Part 3/3A ChatGPT-like chat app built with modern SAP technologies (CAP, SAPUI5) – Part 3/3The SAPUI5 frontend of the sample, and mostly an argument for writing UI5 in TypeScript: ES imports in place of sap.ui.define, a class with real private members in place of the underscore convention, and the service types generated from the CDS model copied into the UI package, so one IChats interface types the OData object the controller reads. The second half is structure — a formatter class and a singleton LayoutManager called from the XML view through core:require, a confirmation helper taking a callback, a dialog class resolving a promise, a generic createEntity<T> on a service class — all of it to keep every controller under 100 lines. What it says about arranging a UI5 app holds whatever model sits behind the chat; the tooling around it is of its date, and the post calls UI5's TypeScript support experimental.published 2023-02-27
A ChatGPT-like chat app built with modern SAP technologies (CAP, SAPUI5) – Part 3/3
cds2types. Affects Runnable code.
debug a CAP app with UI5 TypeScript UI component with VS Codedebug a CAP app with UI5 TypeScript UI component with VS CodeDebugging both runtimes at once — the CAP server and a UI5 component written in TypeScript, the latter stepped through in its own sources rather than in the transpiled output. Written when TypeScript for UI5 had just become possible, and the combination it sets up is the one CAP's app folder invites.published 2021-11-16
Details
Graph
TypeScript supportcapability, core and community
SAP Communitypublishing source
SAP Communitybusiness-application-studio-tag
Source
Type
blog
Published on
Host
community.sap.com
Discovered via
First seen
History
- Entered the atlasDiscovered via SAP Community · business-application-studio-tag.
For your agent
- Ref
content:embracing-typescript-in-sapui5-development- JSON
- /content/embracing-typescript-in-sapui5-development.json
- MCP
- Connecting an agent