Seite 9 - Maxim Mironjuk

Ein Docker-Image-Build, der in GitHub Actions bei jedem Push wieder bei null anfaengt, verschwendet Minuten, die sich mit der richtigen Cache-Strategie fuer docker/build-push-action fast vollstaendig einsparen lassen, wenn man die Unterschiede zwischen GitHub Actions Cache, Registry-Cache und Inline-Cache versteht.

Cards sind das universellste UI-Pattern im Web. Gleichzeitig entstehen in Tailwind-Projekten ohne Card-System schnell Dutzende verschiedener Card-Implementierungen – jede etwas anders, keine wirklich wiederverwendbar. Dieser Artikel zeigt, wie man mit Tailwind CSS ein vollständiges Card-System mit allen wichtigen Varianten aufbaut.

Wer Anwendungszustand mit mehreren unabhängigen Boolean-Flags modelliert, riskiert widersprüchliche Zustände zur Laufzeit, etwa gleichzeitig geladen und fehlgeschlagen. Discriminated Unions lösen dieses Problem, indem ein gemeinsames Tag-Feld TypeScript erlaubt, den exakten Zustand automatisch zu erkennen, sodass unmögliche Kombinationen bereits beim Kompilieren ausgeschlossen werden und der Editor nur die tatsächlich gültigen Felder vorschlägt.

Next.js cacht auf vier Ebenen gleichzeitig – und viele Entwickler wissen nicht, welcher Cache warum anschlägt. Request Memoization, Data Cache, Full Route Cache und Router Cache interagieren miteinander und führen zu verwirrenden Ergebnissen, wenn man ihre Regeln nicht kennt.

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.