Monthly Archives: April 2026

Ein Theming System mit CSS Variablen legt Design Tokens als native Custom Properties im Browser ab, statt sie bei jedem Render ueber JavaScript neu zu berechnen. Das Ergebnis ist ein Theme Wechsel ohne Re Render der Komponenten, geringere Bundle Groesse und ein Ansatz, der unabhaengig von der gewaehlten CSS Strategie funktioniert.

Polymorphe Komponenten lassen den Aufrufer entscheiden, welches HTML Element tatsaechlich gerendert wird, ohne dass die Komponente selbst dafuer eine eigene Variante braucht. Mit dem as Prop und ElementType aus TypeScript bleibt diese Flexibilitaet vollstaendig typsicher, inklusive korrekt vererbter Props und funktionierendem Ref Forwarding.

PHP-Serialisierung entscheidet über mehr als nur das Datenformat: serialize() ist schnell und erhält jede Objekteigenschaft, wird bei fremden Daten aber schnell zum Einfallstor für Object Injection. JSON ist sicher und sprachunabhängig, kostet dafür Objektfidelity und etwas Geschwindigkeit. Dieser Beitrag zeigt, wie beide Formate intern funktionieren, wo unserialize() gefährlich wird und wie eine saubere Migration in bestehenden Systemen gelingt.

Mock Service Worker fängt HTTP-Anfragen an der Netzwerkschnittstelle ab, bevor sie überhaupt versendet werden, statt einzelne JavaScript-Funktionen wie Axios-Aufrufe zu ersetzen. Das macht Vue-Tests realistischer, weil der komplette Anfrage-Antwort-Zyklus durchlaufen wird, inklusive Statuscodes, Headern und Fehlerpfaden, ohne dass der Testcode wissen muss, welche HTTP-Bibliothek eine Komponente intern verwendet.

Weihnachtsfarben, die im Januar noch im Code herumliegen, oder ein Black-Friday-Banner, das jemand manuell wieder entfernen muss: Copy-Paste-Anpassungen für saisonale Kampagnen hinterlassen dauerhaften Aufräumbedarf. Eine eigene CSS-Schicht mit zeitgesteuerter Aktivierung löst das Problem strukturell und baut sich nach Kampagnenende von selbst zurück.

inotify ist eine Kernel-Schnittstelle, die Bash-Skripte sofort benachrichtigt, sobald sich eine Datei oder ein Verzeichnis ändert, statt in einer Schleife immer wieder nachzuschauen. Mit dem Kommandozeilenwerkzeug inotifywait aus dem Paket inotify-tools lassen sich Deployment-Trigger, Config-Reloads und Log-Watcher bauen, die auf echte Ereignisse reagieren statt auf eine feste Zeitspanne.

React Native Skia bindet Googles Skia-Grafik-Engine, dieselbe, die Chrome, Android und Flutter für 2D-Grafik nutzen, über JSI direkt in React Native ein. Statt Formen über native Views oder SVG-Elemente zu bauen, zeichnet Skia auf eine einzige native Surface, was individuelle Grafiken wie Signature Pads, Custom-Charts oder Bildfilter deutlich performanter macht als klassische View-basierte Ansätze.

Ein CSS-Refactoring kann eine Komponente funktional unverändert lassen und trotzdem das Layout unbemerkt zerschießen. Unit- und Component-Tests prüfen Verhalten, nicht Aussehen. Visual Regression Testing schließt genau diese Lücke, indem Screenshots gegen eine Referenz verglichen werden und jede Pixel-Abweichung sichtbar wird, bevor sie in Produktion landet.

Data Loaders sind eine neue Funktion in Vue Router 4.4+, die Datenanfragen direkt an eine Route bindet und sie ausführt, bevor die Navigation abgeschlossen wird, statt Daten erst nach dem Mount der Zielkomponente über onMounted nachzuladen. Das verschiebt Verantwortung für Ladezustand und Fehlerbehandlung aus einzelnen Komponenten in eine zentrale, von Vue Router verwaltete Schicht.

Ein Test, der bei jeder Implementierungsänderung rot wird, ohne dass sich das beobachtbare Verhalten geändert hat, ist kein Test – er ist ein Hindernis. Overspecified Mocks, das Testen eigener Klassen über Mocks, Spy-Missbrauch und Expectation-Overload sind die häufigsten Ursachen für brittle PHPUnit-Suites, die mehr Wartungsaufwand erzeugen als Sicherheit liefern.