Front-End/reactjs/r-chapter03

ReactJS Applikation (Finanzführung, grafische Darstellung der Finanzdaten)

Voraussetzungen

Um das NPM Tool auszuführen, muss vorher node.js installiert werden. (Am besten die LTS Version, derzeitige Version 16.17.0 LTS)

Node.JS Tool findet man hier: Node.js

Installation der Modulen, die reactJS braucht

In der Datei package.json sind alle notwendige "Dependencies"

// Abhängigkeiten, um die ReactJS Applikation zu laufen

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.3.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "^5.0.1",
  "web-vitals": "^2.1.4"
  }

Damit werden alle Abhangigkeiten um die reactJS Applikation auszuführen, installiert

npm install

Ausführung der ReactJS Applikation

Damit werden Skripten für die Ausführung der Aplikation ausgeführt

npm start

// Skripten, die nach der Ausführung des Servers ausgeführt werden
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

Nach der erfolreichen Ausführung des Developement-Servers wird die ReactJS Applikation aufgemacht. Die Applikation ist über die Addrese http://localhost:3000 zugänglich sein.