UI5 Web Components for React Integration
Tutorials that teach this
- Tutorial Create a Card Component
- Tutorial Create an Analytical Dashboard via UI5 Web Components for React
- Tutorial Add Routing to a UI5 Web Components for React Project
- Tutorial Get Started with UI5 Web Components for React
- Tutorial Add Custom Styles and Components for UI5 Web Components for React
- Tutorial Integrate Charts and Conditional Rendering
Prerequisites
- Concept React Component Basics (JSX, Function Components)
- Concept SAP Fiori Design System
- Concept UI5 TypeScript Application Setup
- Concept UI5 Content Density (Compact/Cozy/Condensed)
- Concept Standardized Spacing Sizes
- Concept TypeScript in React Development
- Concept Reusable UI Components
- Concept SAP Fiori UX Design Principles
- Concept npm Package Management
Concepts that build on this
- Concept Dashboard design for personas
- Concept SAP Theming Base Content
- Concept Chart Components in UI5 Web Components for React (LineChart, BarChart)
- Concept CSS Custom Properties for SAP Theming
- Concept React Component Basics (JSX, Function Components)
- Concept FlexBox Layout with UI5 Web Components
- Concept In-Application CSS Overrides and Customization
- Concept ShellBar Navigation Component
- Concept React Application Setup with Vite
- Concept Responsive Content Padding
- Concept AnalyticalTable Component