UI5 Web Components for React - Vite + TypeScript Template

Welcome to the UI5 Web Components for React - Vite + TypeScript template! This repository provides a practical setup to get started with creating modern web applications using SAP's UI5 Web Components and React, powered by Vite.

---

💡 About the Template

This template integrates UI5 Web Components for React with TypeScript and setups the development environment using Vite, a modern front-end build tool.

With this setup, you can:

1. Develop user interfaces rapidly using UI5's ready-made web components.
2. Enjoy the fast development and build process provided by Vite.
3. Type your code with safety and reliability using TypeScript.

---

🛠 Getting Started

Follow the steps below to start using this project:

1. Clone the Template

Run the following command to initialize your project from this template:

git clone https://github.com/khanhnm222/react-sapui5-practical.git
cd react-sapui5-practical

2. Install Dependencies

Navigate to your project folder and install the required dependencies:

npm install

3. Run the Development Server

Run the command below to start the development server with live reload:

npm run dev

The development server will run at http://localhost:5173 by default.

---

🚥 Running Tests

This repository comes pre-configured for testing. Follow the commands below to ensure your components work as expected:

• Run all component tests in headless mode:

npm run test

• Run and open tests in a browser environment (e.g., Chrome):

npm run test:open

---

📚 Learn More

Explore the resources below to learn more and leverage the full potential of this template:

1. Vite Documentation - Learn about the build tool and its configuration options.
2. UI5 Web Components Documentation - Dive into the UI5 Web Component features.
3. UI5 Web Components for React Documentation - Understand how to use UI5 Web Components with React.

---