JavaScript

AI generated

Vue mit Capacitor: Native Mobile Apps aus einer Codebasis

10.05.2026

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.

AI generated

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.

AI generated

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.

AI generated

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.

AI generated

Alpine.js Debugging: DevTools nutzen und x-data live inspizieren

02.05.2026

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.

AI generated

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.

AI generated

Inline Styles aus Tailwind generieren: der Build-Workflow für E-Mails

27.04.2026

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.

AI generated

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.

AI generated

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.

AI generated

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.