React in 2025
02. Jul. 2025
In diesem Beitrag schildere ich, wie das Frontend einer Webanwendung mit React geschrieben werden kann.
npm create vite@latest project-name
cd project-name
npm install
In vite.config.js
definiere:
export default defineConfig({
plugins: [react()],
server: {
port: 3000,
},
});
Für Bootstrap 5 muss index.html
wie folgt angepasst werden:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
crossorigin="anonymous"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Patentanwalt</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
crossorigin="anonymous"
></script>
</body>
</html>
Nun steht Bootstrap 5 zur Verfügung.
Der Entwicklungsserver kann nun wie folgt gestartet werden:
npm run dev