JavaScript

Vue Capacitor verbindet eine bestehende Vue-Anwendung mit einer nativen Laufzeitumgebung, ohne die Codebasis aufzuspalten. Kamera, Geolocation, Push-Benachrichtigungen und Dateisystem werden über eine einheitliche JavaScript-API angesprochen, während die App als echtes iOS- und Android-Binary im jeweiligen Store landet.

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.

Alpine.js Debugging fühlt sich anders an als die Fehlersuche in React oder Vue, weil kein Komponentenbaum in einem eigenen Panel existiert. Mit den Browser DevTools, der Alpine DevTools Extension und ein paar Console Techniken lässt sich der Zustand jeder Komponente trotzdem live sehen, verändern und nachvollziehen, bevor ein Fehler in die Produktion geht.

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.

Utility-Klassen aus Tailwind CSS werden von den meisten E-Mail-Clients ignoriert, weil externe Stylesheets im Postfach nicht ankommen. Eine Build-Pipeline, die Tailwind kompiliert und die erzeugten Regeln automatisch als Inline Styles in jedes HTML-Element schreibt, löst dieses Problem ohne manuellen Zusatzaufwand.

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.