## Javascript

### Verwendete Bibliotheken

Die grundlegende Architektur der WebApp wurde implementiert auf Basis von [preact], von den Entwicklern beworben mit

> Fast 3kB alternative to React with the same modern API.

Es ist allerdings keine exakte Reimplementierung, weswegen ein eigener Teil der Dokumentation der [Erläuterung der Unterschiede zu React][react-preact] gewidmet ist.

Für Visualisierungen wird die großartige und weit verbreitete Bibliothek [D3.js] verwendet.

### Verzeichnisstruktur

Die folgende Auflistung gibt einen groben Überblick über die Verzeichnisstruktur der Javascript Quelldateien in `src/js/`. Als Einstieg dient `main.jsx` bzw. `main-offline.jsx` für den "offline" Modus.
`config.js` ist die zentrale Konfigurationsdatei der WebApp. In `components` liegen die Komponenten der *preact*-WebApp. Der Quellcode für die D3-Visualisierungen befindet sich unter `d3`.

```
├── main.jsx            // Einstiegspunkt für App in "online" Modus
├── main-offline.jsx    // Einstiegspunkt für App in "offline" Modus
├── config.js           // Konfiguration der WebApp
├── components/         // Verzeichnis für (p)react Komponenten
│   ├── Index.jsx       // Web App Haupt-Komponente
│   └── partials/       // Vezeichnis für Teilkomponenten
├── content/            // Verzeichnis für "offline" Inhalte
├── d3/                 // d3 Module
└── utilities/          // Verzeichnis für Hilfs-Bibliotheken und Werkzeuge
```

[D3.js]: https://d3js.org/
[preact]: https://preactjs.com/
[react-preact]: https://preactjs.com/guide/v10/differences-to-react