Building React Frontend Applications with SAP CAP on SAP BTP

This live session introduces the architectural foundations of building modern single?page React applications backed by SAP Cloud Application Programming Model (CAP) services on SAP Business Technology Platform (BTP). It explains how SAP positions CAP for side?by?side and extension scenarios and how a React UI consumes CAP OData and REST endpoints through an application router.
The session explores the CAP project structure with a special focus on the srv folder, explaining the roles of service definitions, handlers, TypeScript service implementations, and centralized business logic. Participants will learn how frontend, backend, and routing components are packaged and deployed together to SAP BTP using Multi?Target Applications (MTA) and an MTAR artifact.
A live demo walks through building a minimal one?page React application, implementing a CAP service (cds, handlers, and service logic), wiring the application router, and deploying the complete solution to BTP.

After participating in this live session, you will be able to:

• Understand how SAP CAP is used to build backend services for React applications on SAP BTP
• Explain the role of the srv folder and its key files (CDS, service definitions, handlers, and TypeScript logic)
• Understand the interaction between React UI, CAP services, and the Application Router
• Build a simple single?page React application consuming a CAP service
• Configure and deploy a full React + CAP application using MTA and MTAR to SAP BTP
• Understand how business logic and external API connections are handled within CAP services