05_javascript.md 1.6 KB
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 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