Tag: JavaScript

1. JavaScript Decorators: Klassen und Methoden dekorieren

   10.05.2026

   Nach jahrelangem Ringen im TC39-Komitee sind JavaScript Decorators in Stage 3 angekommen. Sie ermöglichen Metaprogrammierung auf Klassenebene ohne Babel-Hacks: Logging, Memoization, Validation und Dependency Injection als wiederverwendbare Annotationen.

   Read more

2. Vite vs. Webpack vs. Rollup 2026: Welcher Bundler für welches Projekt?

   07.05.2026

   Vite revolutioniert den Dev-Server mit nativem ESM, Webpack bleibt der Platzhirsch für komplexe Enterprise-Setups und Rollup produziert die saubersten Library-Bundles. Wer den falschen Bundler wählt, verliert Entwicklungsgeschwindigkeit, Build-Performance oder Bundle-Qualität – dieser Vergleich zeigt, welches Tool in 2026 für welches Szenario die richtige Wahl ist.

   Read more

3. Promise.allSettled praktisch nutzen in JavaScript

   05.05.2026

   Promise.allSettled wartet auf alle übergebenen Promises, unabhängig davon, ob einzelne erfüllt oder abgelehnt werden, und liefert für jedes Ergebnis einen eigenen Status. Für Batch-Requests, bei denen ein einzelner Fehler nicht die gesamte Operation zunichtemachen soll, ist das die richtige Grundlage statt des Fail-Fast-Verhaltens von Promise.all.

   Read more

4. Chrome DevTools Performance Panel im Detail: Flame Charts richtig lesen

   28.04.2026

   Ein Recording im Performance Panel sieht auf den ersten Blick nach einem bunten Balkendiagramm aus. Wer Flame Chart, Call Tree, Bottom Up und Event Log kombiniert, findet aber die tatsächliche Ursache von Rucklern, blockiertem Main Thread und schlechten Web Vitals, statt nur Symptome zu behandeln.

   Read more

5. Object.groupBy und Map.groupBy in JavaScript: Daten gruppieren ohne Lodash

   25.04.2026

   Wer Arrays in JavaScript nach Kriterien gruppieren wollte, griff lange zu Lodash, Underscore oder einer verschachtelten reduce()-Kette. Mit Object.groupBy und Map.groupBy bringt ES2024 endlich eine native, lesbare Lösung direkt in die Sprache – mit einem klaren Unterschied zwischen beiden, der in der Praxis oft übersehen wird.

   Read more

6. Content Security Policy praktisch umsetzen: CSP für JavaScript-Anwendungen

   25.04.2026

   Eine Content Security Policy ist der wirksamste einzelne HTTP Header gegen Cross Site Scripting, wird aber in den meisten Projekten entweder gar nicht oder mit einer viel zu großzügigen Whitelist eingesetzt. Dieser Artikel zeigt, wie eine Content Security Policy von der ersten Direktive über Nonces und Hashes bis zum harten Enforcement Modus entsteht, ohne dass Inline Skripte oder Drittanbieter Tools plötzlich blockiert werden.

   Read more

7. Module Federation und Micro-Frontends in JavaScript

   21.04.2026

   Module Federation in Webpack 5 löst das bisher schwierigste Problem bei Micro-Frontend-Architekturen: Wie mehrere unabhängige Teams ihre JavaScript-Bundles zur Laufzeit kombinieren, ohne gemeinsame Dependencies mehrfach zu laden oder eine zentrale Build-Pipeline zu teilen.

   Read more

8. Race Conditions in Async UI Code vermeiden

   20.04.2026

   Race Conditions in Async UI Code entstehen, wenn eine spät gestartete, aber schneller antwortende Anfrage eine später gestartete, aber langsamer antwortende Anfrage im Ergebnis überholt. Sequenznummern, AbortController und sauberes State-Handling verhindern, dass Nutzer veraltete Daten angezeigt bekommen, die nicht mehr zur aktuellen Eingabe passen.

   Read more

9. JavaScript Signals: Das reaktive Paradigma für den Browser

   19.04.2026

   Reaktive Programmierung ist in jedem modernen Frontend-Framework anders gelöst – mit inkompatiblen APIs und Abstraktion hinter Framework-Grenzen. Das TC39 Signals-Proposal definiert erstmals eine universelle Grundlage: Signal, computed und effect als native JavaScript-Primitive, auf denen Frameworks aufbauen können.

   Read more

10. JavaScript Cache API: HTTP-Ressourcen im Browser cachen

    15.04.2026

    Der Browser-Cache war lange eine Blackbox. Die Cache API gibt Entwicklern vollständige Kontrolle darüber, welche Requests gecacht werden, wie lange sie gültig bleiben und wann sie ersetzt werden – unabhängig von HTTP-Headern und Browser-Heuristiken.

    Read more