Seite 24 - Monthly Archives: January 2025

Templates reagieren automatisch auf State-Änderungen – aber was ist mit Seiteneffekten außerhalb des DOM? Wenn eine URL-Parameter aktualisiert, eine API aufgerufen oder ein localStorage-Wert synchronisiert werden soll, braucht Alpine.js einen expliziten Watcher. $watch ist das Werkzeug dafür.

Eigene Felder in den Customer-Typen integrieren, Resolver mit Token-Validierung absichern, Extension Attributes korrekt exponieren und sensible Daten auf Feldebene schützen – alles in einem durchgängigen Praxisbeitrag.

Code Reviews ohne Kontext kosten Zeit und produzieren Oberflächenkritik. PhpStorm bietet mit Git-Diffs, File History, Annotate-Ansicht und dem TODO-Tracker die Werkzeuge, um Reviews strukturiert vorzubereiten – ohne den Editor zu verlassen und ohne GitHub-UI als einzige Quelle.

Wiederkehrende Magento-spezifische Muster wie Ladezustände, Store-Grid-Abstände oder Alpine-Sichtbarkeitszustände lassen sich nicht immer sauber mit Standard-Utilities abbilden. Ein eigenes Tailwind Plugin kapselt dieses Wissen einmalig und macht es über das gesamte Hyvä Theme wiederverwendbar, inklusive korrektem Kompilieren in der Build-Pipeline.

Eine Admin-Sidebar muss gleichzeitig viele Menüpunkte unterbringen, auf kleinen Bildschirmen verschwinden und trotzdem jederzeit erkennen lassen, wo sich die Nutzerin gerade befindet. Dieses Muster zeigt den kompletten Aufbau mit Tailwind CSS und Alpine.js: vom Icon-only-Zustand über verschachtelte Untermenüs bis zum Off-Canvas-Menü auf dem Smartphone, alles ohne zusätzliche JavaScript-Bibliothek.

Wer any unkontrolliert im Code verteilt, hebelt die Typprüfung genau an den Stellen aus, an denen sie am wichtigsten wäre. Dieser Artikel zeigt den praktischen Weg zu einer typsicheren Codebase: noImplicitAny gezielt aktivieren, ESLint-Regeln schrittweise verschärfen, unknown und Generics als Ersatz nutzen und den Fortschritt mit type-coverage messbar machen, ohne die laufende Entwicklung zu blockieren.

Der Symfony Dependency-Injection-Container ist mehr als ein Service-Locator. Dekoratoren ermöglichen es, fremde Services zu erweitern, ohne ihren Code zu ändern. Compiler Passes manipulieren den Container zur Build-Zeit und automatisieren Konfigurationen, die sonst manuell gepflegt werden müssten.

Wer einen Prompt aendert und die neue Antwort nur einmal manuell liest, verwechselt einen Einzelfall mit einer verlaesslichen Verbesserung. Prompt Qualitaet systematisch zu evaluieren bedeutet, Testfaelle, Bewertungsrubriken und automatisierte Vergleiche aufzubauen, die jede Prompt Aenderung objektiv und wiederholbar messbar machen.

will-change signalisiert dem Browser, dass sich eine Eigenschaft demnaechst aendert, und der Browser reagiert darauf oft, indem er ein eigenes Compositing-Layer fuer das Element anlegt. Das beschleunigt einzelne Animationen spuerbar, aber jedes zusaetzliche Layer kostet Grafikspeicher. Wer will-change grosszuegig auf viele Elemente dauerhaft setzt, erzeugt genau die Ruckler, die die Eigenschaft eigentlich verhindern sollte.

Ein Video-Embed ohne festes Seitenverhältnis verschiebt beim Laden das gesamte Layout — und kostet Core Web Vitals-Punkte. Mit den aspect-ratio-Utilities von Tailwind CSS löst man dieses Problem sauber, responsiv und ohne Padding-Hack. Dieser Artikel zeigt alle Patterns — von 16:9 bis zu benutzerdefinierten Verhältnissen.