Mironsoft Blog

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.