JavaScript

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.