Seite 19 - JavaScript

Realistisches Code-Sharing zwischen React Web und React Native bedeutet nicht, dieselben Komponenten überall zu verwenden, sondern gezielt zu trennen, was plattformunabhängig ist, von dem, was es nicht sein kann. Business-Logik, Typen, API-Clients und Validierung lassen sich sauber teilen, Oberflächenkomponenten meist nicht. Dieser Artikel zeigt eine funktionierende Monorepo-Struktur mit echten Beispielen.

Ungültige Felder, vertippte Argumente und veraltete Felder, die trotzdem weiterverwendet werden: All das lässt sich mit GraphQL Linting bereits im Editor abfangen, statt erst zur Laufzeit über einen kryptischen Serverfehler zu stolpern.

Das v-Flag bringt Set-Notation fuer Zeichenklassen, Unicode Property Escapes wie \p{Emoji} und \p{Script=Greek} machen internationale Textmuster endlich robust statt geraten.

Ein Termin verschiebt sich um eine Stunde, ein Monat wird plötzlich falsch angezeigt, ein Report zeigt in der Nacht der Zeitumstellung ein doppeltes Datum. Zeitzonen und Datum gehören zu den Bereichen von JavaScript, in denen kleine Missverständnisse große, schwer reproduzierbare Bugs erzeugen. Dieser Artikel zeigt die konkreten Fallstricke und wie man sie zuverlässig umgeht.

Kaum ein Konzept in JavaScript sorgt so häufig für Verwirrung wie die this-Bindung. Eine Methode funktioniert im direkten Aufruf einwandfrei und liefert als Callback plötzlich undefined. Dieser Artikel zeigt, wo die this-Bindung typischerweise kippt, wie man es systematisch debuggt und welche Lösung in welcher Situation wirklich passt.

Das Date-Objekt ist einer der ältesten und fehleranfälligsten Teile von JavaScript. Die Temporal API bricht mit allen Designfehlern: immutable Typen, explizite Zeitzonensemantik, korrekte Kalenderarithmetik und eine klare API — ohne externe Bibliotheken wie Moment.js oder date-fns.

Eingebettete Drittinhalte wie Zahlungswidgets, Werbebanner oder Kommentarsysteme laufen im selben Dokument wie die eigene Anwendung und stellen ohne konsequente Isolation ein erhebliches Sicherheitsrisiko dar. Das sandbox-Attribut auf iframe-Elementen und strikte Origin-Prüfung bei postMessage Kommunikation ermöglichen echte Isolation, ohne die eigentliche Funktionalität eingebetteter Widgets zu blockieren.

htmx bringt AJAX, Swap-Übergänge und serverseitiges Rendering zurück in einfache HTML-Attribute, und Tailwind CSS liefert dazu das passende Utility-First-Styling ohne separates Frontend-Build. Dieser Artikel zeigt, wie Ladezustände, Übergänge zwischen Swaps und dynamisch nachgeladene Fragmente konsistent gestylt werden, ohne dass ein komplettes JavaScript-Framework nötig ist.

Das Origin Private File System ist ein isolierter, hochperformanter Datei-Speicher pro Origin, der über synchrone Lese- und Schreib-Handles in Web Workern direkte Dateisystem-Geschwindigkeit erreicht. Damit lassen sich Wasm-Datenbanken, Bild-Editoren und Offline-Tools bauen, die klassischen IndexedDB-basierten Lösungen bei Durchsatz und Latenz deutlich überlegen sind.

Wer Tailwind CSS in einem Monorepo mit vielen Paketen betreibt, kennt das Problem: Der Build-Prozess wird von Sekunden zu Minuten, sobald die Content-Konfiguration zu viele Dateien scannt. Mit gezielten Globs, Turborepo-Caching, Nx-Task-Pipelines und Parallelisierung lässt sich die Build-Zeit auch bei hunderten Paketen konsequent niedrig halten.