Archive: April 2026

1. Theming System mit CSS Variablen in React

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

   Read more

2. Polymorphe Komponenten mit dem as Prop in React

   30.04.2026

   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.

   Read more

3. PHP-Serialisierung: JSON vs. serialize() im Sicherheitsvergleich

   30.04.2026

   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.

   Read more

4. Mock Service Worker (MSW) für API-Mocking in Vue-Tests

   30.04.2026

   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.

   Read more

5. Saisonale Kampagnen-Theme-Overrides mit Tailwind CSS

   30.04.2026

   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.

   Read more

6. Dateisystem-Änderungen mit inotify in Bash überwachen

   30.04.2026

   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.

   Read more

7. React Native Skia: eigene Grafiken und Canvas zeichnen

   30.04.2026

   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.

   Read more

8. Visual Regression Testing für React: UI-Abweichungen automatisch erkennen

   29.04.2026

   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.

   Read more

9. Vue Router Data Loaders: die neue Router-4-Funktion im Detail

   29.04.2026

   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.

   Read more

10. Mocking-Anti-Patterns: Wenn Tests nur Implementierungsdetails abbilden

    29.04.2026

    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.

    Read more