Tag: JavaScript

1. Promise-Fehlerbehandlung in JavaScript: Typische Fallstricke

   03.04.2026

   Ein Fehler in einer asynchronen Funktion verschwindet spurlos, die Konsole zeigt eine unhandled rejection, ein leerer catch-Block versteckt genau das Problem, das gerade gesucht wird. Promise-Fehlerbehandlung folgt eigenen Regeln, die sich von synchronem try catch unterscheiden. Dieser Artikel zeigt die konkreten Fallstricke und wie man sie zuverlässig vermeidet.

   Read more

2. Import Maps: native Browser-Module ohne Bundler nutzen

   25.03.2026

   Import Maps loesen ein Problem, das ES Module im Browser seit ihrer Einfuehrung hatten: bare Specifiers wie import { render } from "preact" funktionieren nativ nicht, ohne dass ein Build-Schritt den Pfad umschreibt. Mit einer Import Map traegt der Browser selbst die Aufloesung, Scopes erlauben sogar unterschiedliche Versionen fuer verschiedene Modulbereiche, ganz ohne Webpack oder Vite.

   Read more

3. JavaScript Custom Events: Komponentenkommunikation ohne Framework

   15.03.2026

   Props-Drilling und globale Variablen sind Zeichen enger Kopplung. Custom Events bieten eine native DOM-Lösung: Komponenten senden Events, andere hören zu – ohne direkte Referenz aufeinander, ohne Framework, mit vollem TypeScript-Support.

   Read more

4. Eigene Signals-Bibliothek bauen: Reaktivität ohne Framework-Bindung

   15.03.2026

   Signals sind ein Reaktivitäts-Muster, das in Vue, Solid, Preact und Angular unabhängig voneinander implementiert wurde, aber auf denselben wenigen Grundbausteinen beruht. Wer versteht, wie ein minimales Signals-System aus Getter, Setter und automatischem Dependency-Tracking aufgebaut ist, kann Reaktivität in jedem Vanilla-JavaScript-Projekt einsetzen, ganz ohne Framework-Abhängigkeit.

   Read more

5. Promise.withResolvers() in JavaScript: Deferred Pattern ohne Boilerplate

   11.03.2026

   Wer einen Promise von außen auflösen wollte – aus einem Event-Handler, einer Callback-API oder einem anderen asynchronen Kontext –, musste bisher resolve und reject aus dem Konstruktor-Scope herausschmuggeln. Promise.withResolvers() löst das in einer Zeile: { promise, resolve, reject } als strukturiertes Objekt, klar und ohne Boilerplate.

   Read more

6. Abbrechbare Async-Operationen als Pattern

   06.03.2026

   Abbrechbare Async-Operationen entstehen nicht durch das bloße Anhängen eines AbortControllers an einen Fetch-Aufruf, sondern durch einen bewussten Architektur-Entscheid: jede Funktion, die länger läuft, nimmt von Anfang an ein Abbruch-Signal entgegen, garantiert Cleanup und reicht das Signal konsequent durch alle Schichten weiter.

   Read more

7. WebAssembly in JavaScript: Hochperformante Module mit Wasm einbinden

   02.03.2026

   JavaScript ist schnell genug für die meisten Web-Aufgaben – aber für Bildkompression, Audio-DSP, Kryptografie, KI-Inferenz oder Physik-Simulationen stößt es an Grenzen. WebAssembly schließt diese Lücke: kompilierter Maschinencode aus Rust, C oder Go läuft im Browser mit nahezu nativer Geschwindigkeit und kooperiert eng mit dem JavaScript-Ökosystem.

   Read more

8. Tagged Template Literals in JavaScript: vollständiger Praxis-Guide

   26.02.2026

   Tagged Template Literals sind weit mehr als hübsche String-Interpolation. Mit einer Tag-Funktion davor verwandeln sie sich in ein mächtiges Werkzeug: SQL-Injection-Schutz, sicheres HTML-Escaping und domänenspezifische Sprachen direkt in JavaScript — ohne externe Parser.

   Read more

9. State Machines mit XState: Zustandslogik sauber modellieren

   23.02.2026

   State Machines modellieren erlaubte Zustände und Übergänge explizit, statt sie implizit über verstreute Boolean-Flags zu erraten. XState bringt dieses Konzept als framework-unabhängige Bibliothek nach JavaScript, mit States, Events, Guards und hierarchischen Statecharts, die in React, Vue oder purem JavaScript gleichermaßen funktionieren.

   Read more

10. Trusted Types API im Detail: DOM XSS strukturell verhindern

    02.02.2026

    DOM basiertes Cross Site Scripting entsteht meist nicht durch fehlende serverseitige Filterung, sondern durch unsichere Zuweisungen an innerHTML, document.write oder eval mitten im Frontend Code. Die Trusted Types API schließt diese Lücke strukturell, indem der Browser gefährliche Zuweisungen an DOM Sinks nur noch akzeptiert, wenn der Wert vorher durch eine definierte Policy in einen speziellen Typ umgewandelt wurde.

    Read more