React Component Basics (JSX, Function Components)
Tutorials that teach this
- Tutorial Create a Card Component
- Tutorial Add Custom Styles and Components for UI5 Web Components for React
- Tutorial Add Routing to a UI5 Web Components for React Project
- Tutorial Build Luigi App with React
- Tutorial Add Localization to Luigi React Application
- Tutorial Get Started with UI5 Web Components for React
Prerequisites
Concepts that build on this
- Concept Conditional UI Visibility Based on Variables
- Concept Luigi Client Integration in Micro-Frontends
- Concept Multilingual Application Translation
- Concept Micro-Frontend Architecture
- Concept React Router DOM (HashRouter, Routes, Route, Navigate)
- Concept Chart Components in UI5 Web Components for React (LineChart, BarChart)
- Concept CSS Custom Properties for SAP Theming
- Concept Luigi Application Localization
- Concept Luigi Navigation Nodes and Contexts
- Concept Refactoring React Code into Separate Components
- Concept React Application Setup with Vite
- Concept Webpack Module Bundling Configuration
- Concept UI5 Web Components for React Integration
- Concept Component Properties and Internal Property Binding