Installation des React-Frameworks

Für die Installation des Frameworks benötigen Sie NodeJS 22+ auf Ihrem Computer. Um ein Projekt zu erstellen, führen Sie in der Befehlszeile folgenden Befehl aus:

terminalnpm create vite@latest my-app -- --template react

Und führen Sie dann die folgenden Befehle aus:

terminalcd my-app
npm install
npm run dev

Danach haben Sie einen Ordner my-app, der das Framework enthält. Suchen Sie in diesem Ordner den Ordner src - dies wird Ihr Arbeitsordner, in dem Sie die Entwicklung Ihres Projekts durchführen werden.

Suchen Sie in dem Ordner src die Datei App.js. In den nächsten Lektionen wird diese Datei Ihre primäre Arbeitsdatei sein. In ihr werden Sie Code schreiben und die Ergebnisse im Browserfenster beobachten.

Öffnen Sie diese Datei im Editor und löschen Sie alles Überflüssige, sodass sie wie folgt aussieht:

App.jsimport React from 'react';

function App() {
  return <div>
    text
  </div>;
}

export default App;

Nachdem Ihr Projekt installiert ist, reicht für den nächsten Start (z.B. nach einem Neustart des Computers) es aus, über das Terminal in den Ordner my-app zu wechseln und folgenden Befehl auszuführen:

terminalnpm run dev