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