{"ref":"content:cap-now-supports-reactjs-with-working-demo-ui5-web-components","page":"/content/cap-now-supports-reactjs-with-working-demo-ui5-web-components","json":"/content/cap-now-supports-reactjs-with-working-demo-ui5-web-components.json","generated":"2026-10-26","drafted_with_ai":true,"entity":{"id":"cap-now-supports-reactjs-with-working-demo-ui5-web-components","title":"CAP Now Supports ReactJS - With working demo + UI5 Web components","url":"https://community.sap.com/t5/technology-blog-posts-by-members/cap-now-supports-reactjs-with-working-demo-ui5-web-components/ba-p/14412493","content_type":"blog","published_on":"source:sap-community","explains":["capability:generators"],"summary":"A walkthrough of scaffolding a React front end onto a CAP Bookshop project with `cds add react --into <app>`, wiring UI5 Web Components for React to the generated OData service, then adding further facets one command at a time — `cds add app-frontend`, `cds add ias` or `cds add xsuaa`, and `cds add hana` — before `cds up` deploys the result with IAS authentication and a HANA Cloud database. Each command expands the project by one facet rather than scaffolding everything up front, the grow-as-you-go shape [generators](capability:generators) describes.","authors":["actor:chrisobar"],"published":"2026-06-09","against":[{"ref":"ecosystem:cap","version":"9"}],"provenance":{"discovered_via":[{"source":"source:sap-community","channel":"cloud-foundry-tag"},{"source":"source:sap-community","channel":"sapui5-tag"}],"first_seen":"2026-10-26"},"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":"good","evidence":"published 4 months ago"}],"compatibility":[{"label":"Version","tier":"fair","evidence":"cds 9, maintenance until 2027-06"},{"label":"Moved since?","tier":"poor","evidence":"@sap/cds-dk 10.0.3, 2026-07"},{"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:chrisobar","name":"chrisobar","json":"/actors/chrisobar.json"}]}}