---
title: 'React in 2025'
url: 'https://gerfficient.com/de/home/react-in-2025'
markdown: 'https://gerfficient.com/de/home/react-in-2025.md'
lang: de
date: '2025-07-02'
description: '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 Bootstra…'
---

# 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:

```js
export default defineConfig({
  plugins: [react()],
  server: {
    port: 3000,
  },
});
```

Für Bootstrap 5 muss `index.html` wie folgt angepasst werden:

```html

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/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="https://gerfficient.com/src/main.jsx"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/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:

```bash
npm run dev
```

---

## Navigation

- Parent: [Home](https://gerfficient.com/de/index.md)
- Previous: [Projektverwaltung mit uv](https://gerfficient.com/de/home/python-uv.md)
- Next: [Fast Node Manager (fnm)](https://gerfficient.com/de/home/fast-node-manager.md)
