{"ref":"content:connecting-ui5-typescript-components-locally","page":"/content/connecting-ui5-typescript-components-locally","json":"/content/connecting-ui5-typescript-components-locally.json","generated":"2026-11-09","drafted_with_ai":true,"entity":{"id":"connecting-ui5-typescript-components-locally","title":"Connecting UI5 TypeScript Components locally","url":"https://community.sap.com/t5/technology-blog-posts-by-members/connecting-ui5-typescript-components-locally/ba-p/13577527","content_type":"blog","published_on":"source:sap-community","explains":["artifact:ui5-community-ui5-middleware-ui5","capability:ui5-build-tooling"],"summary":"Resolving a UI5 app written in TypeScript as a reusable component of another, locally, needs more than fiori-tools-servestatic's static-folder serving, which does not transpile on the fly and forces a rebuild to the dist folder on every change. [ui5-middleware-ui5](artifact:ui5-community-ui5-middleware-ui5), by [Peter Muessig](actor:petermuessig), is added as a devDependency of the consuming app and wired into its ui5.yaml as a customMiddleware, so npm start resolves and transpiles the dependency as it runs; both example apps are published on GitHub.","authors":["actor:lemaiwo"],"published":"2023-11-09","provenance":{"discovered_via":[{"source":"source:sap-community","channel":"fiori-tools-tag"}],"first_seen":"2026-11-08"},"drafted_with_ai":true},"readings":{"liveness":[{"label":"Checked against the source","tier":"unknown","evidence":"nobody has checked it"},{"label":"Source reachable","tier":"unknown","evidence":"not crawled"},{"label":"Age","tier":"poor","evidence":"published 36 months ago"}],"compatibility":[{"label":"Version","tier":"unknown","evidence":"no version declared"},{"label":"Moved since?","tier":"poor","evidence":"ui5-middleware-ui5 3.0 since publication"},{"label":"Findings","tier":"good","evidence":"none flagged"}],"reach":[{"value":null,"unit":"views"},{"value":null,"unit":"comments"},{"value":null,"unit":"likes"}]},"signals":null,"series":null,"edges":{"authors":[{"ref":"actor:lemaiwo","name":"Wouter Lemaire","json":"/actors/lemaiwo.json"}]}}