Blog

1. Vue Slots mit TypeScript typisieren: defineSlots<T>() für typsichere Scoped Slots

   10.05.2026

   Ein Scoped Slot transportiert Daten von der Kindkomponente zurück ins Template des Elternteils, doch ohne explizite Typisierung sieht TypeScript diese Daten lange Zeit nur als any. Ein Tippfehler wie item.näm statt item.name fällt dann erst im Browser auf, nicht schon beim Kompilieren. defineSlots() schließt genau diese Lücke: Jeder Slot bekommt einen echten TypeScript-Typ für seine Scoped-Slot-Props, inklusive vollständiger Autovervollständigung direkt im Template der einbindenden Komponente, ganz ohne zusätzliche Laufzeit-Validierung.

   Read more

2. Relative Color Syntax praktisch nutzen: Farbtöne aus CSS-Variablen ableiten

   10.05.2026

   Die Relative Color Syntax erlaubt es, aus einer einzigen Markenfarbe im Browser eine vollständige Palette zu berechnen, statt Hover, Active und Rahmenfarben als eigene Variablen zu pflegen. Mit dem Schlüsselwort from, Farbraum-Kanälen und calc() entstehen wartbare Farbsysteme direkt in nativem CSS, ganz ohne Sass oder Build-Schritt.

   Read more

3. iPad Split View und Multitasking-Layouts unterstützen

   10.05.2026

   Ein iPad-Bildschirm ist für eine App längst kein garantierter, fester Vollbild-Raum mehr, sondern kann sich durch Split View, Slide Over oder Stage Manager jederzeit auf einen Bruchteil der ursprünglichen Breite verkleinern, ohne dass die App neu gestartet wird. Wer feste Pixelbreiten oder eine fest angenommene Bildschirmorientierung in seine Komponenten einbaut, bekommt spätestens hier sichtbar abgeschnittene Inhalte oder überlappende Elemente zu sehen. Dieser Artikel zeigt, wie React-Native-Apps auf diese Fenstergrößenänderungen reagieren, welche responsiven Layout-Strategien feste Vollbild-Annahmen ersetzen, und wie sich die verschiedenen Multitasking-Zustände praktisch testen lassen.

   Read more

4. Client-Side Caching mit Tracking: Redis-Daten im Anwendungsspeicher halten

   10.05.2026

   Jeder Redis-Zugriff kostet einen Netzwerk-Roundtrip, selbst wenn der Wert sich seit der letzten Abfrage nicht verändert hat. Client-Side Caching dreht dieses Prinzip um: Häufig gelesene Werte wandern in den lokalen Speicher der Anwendung, und Redis meldet über das Tracking-Protokoll aktiv, sobald ein gecachter Schlüssel sich ändert. Damit entfällt für viele Lesezugriffe der Roundtrip komplett, ohne dass die Anwendung veraltete Daten riskiert. Wie das Tracking-Protokoll dabei technisch funktioniert, wo Broadcasting- und Default-Modus sich unterscheiden und wo die praktischen Grenzen liegen, zeigt dieser Artikel.

   Read more

5. 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.

   Read more

6. Utility Types im Ueberblick: Partial, Pick, Omit und Co.

   10.05.2026

   TypeScript liefert mit Partial, Pick, Omit, Record und weiteren Utility Types fertige Bausteine für typsichere Datenstrukturen, ohne dass Entwickler bestehende Interfaces manuell duplizieren oder ständig synchron halten müssen. Wer diese eingebauten Typtransformationen gezielt einsetzt, reduziert Redundanz in API-Verträgen, Formularen und Build-Skripten und lässt den Compiler Inkonsistenzen frühzeitig aufdecken, lange bevor sie in Produktion auffallen.

   Read more

7. 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

8. Kompression im Vergleich: Brotli vs. Gzip

   10.05.2026

   Jedes unkomprimierte HTML-, CSS- oder JS-Byte kostet Übertragungszeit, besonders auf mobilen Verbindungen mit hoher Latenz. Gzip ist der verlässliche Standard, aber Brotli komprimiert Web-Text durch ein eingebautes Wörterbuch häufiger Begriffe spürbar kleiner. Dieser Artikel zeigt, wie beide Verfahren technisch funktionieren, wo die Kompressionsraten tatsächlich liegen und wie man sie in Nginx und Varnish für Magento richtig konfiguriert.

   Read more

9. Beobachtbarkeit in Container-Stacks: Metriken, Logs und Health | mironsoft.de

   10.05.2026

   Ein Container-Stack ohne Beobachtbarkeit ist eine Blackbox: Man sieht, ob der Stack läuft, aber nicht warum er langsam ist, welcher Service fehlerhafte Antworten liefert oder wann ein Health Check still fehlschlägt. Strukturierte Logs, Prometheus-Metriken und richtig konfigurierte Health Checks machen jeden Container-Stack transparent und wartbar.

   Read more

10. Order-Success-Page anpassen: Tracking, Cross-Sell, eigene Blöcke

    09.05.2026

    Die Order-Success-Page ist der Moment mit der höchsten Aufmerksamkeit im gesamten Checkout: Der Kunde hat gerade gekauft, ist aber noch auf der Seite. Wer diesen Moment für Conversion-Tracking, Cross-Sell und Kundenbindung nutzt, ohne Knockout.js, jQuery oder UI-Components, sondern mit sauberen Hyvä-Patterns aus ViewModels, Layout-XML und Alpine.js, gewinnt spürbar mehr aus der Bestellbestätigungsseite als mit der Luma-Standardausgabe.

    Read more