Seite 13 - Design Patterns

Das Visitor Pattern trennt Operationen von der Klassenhierarchie, auf der sie arbeiten, sodass neue Operationen ergänzt werden können, ohne bestehende Datenklassen zu ändern. Am Beispiel eines Abstract Syntax Tree zeigt dieser Artikel Double Dispatch, das Visitable-Interface und die Grenzen dieses Ansatzes in PHP 8.4.

Ein Dashboard Layout entscheidet, ob Nutzer in Sekunden verstehen, wo ihre wichtigsten Kennzahlen stehen, oder minutenlang scrollen müssen. Dieser Artikel zeigt, wie man mit Tailwind CSS ein Dashboard Layout aus Sidebar, Stat Card Grid und flexiblen Content Bereichen aufbaut, das auf Desktop und Mobile gleichermaßen funktioniert.

Ob Bestellverlauf, Audit-Log oder Aktivitäts-Feed eines Projekts: Chronologisch geordnete Ereignisse gehören zu den häufigsten wiederkehrenden UI-Mustern in Webanwendungen. Optisch stecken darin mehr Details als es zunächst scheint, von der vertikalen Verbindungslinie zwischen den Ereignissen über Icon-Badges pro Ereignistyp bis zum Umgang mit unterschiedlich langen Beschreibungstexten, die das Raster nicht durcheinanderbringen dürfen. Dieser Artikel zeigt, wie sich eine Timeline-Komponente mit reinem Tailwind CSS strukturiert aufbauen lässt und wo sich eine kompakte Activity-Liste von einer ausführlichen Timeline-Ansicht unterscheidet.

Wer bei jeder neuen Anforderung neu diskutiert, ob eine Preference oder ein Plugin die richtige Wahl ist, verliert Zeit im Code Review und riskiert Konflikte mit Fremdmodulen. Diese Entscheidungsregel liefert eine feste Checkliste mit Scoring, angewendet auf vier reale Magento-2.4.8-Szenarien, die in der Agentur-Praxis regelmäßig vorkommen.

Container Query Units skalieren Schriftgrößen und Abstände relativ zur Breite oder Höhe des umgebenden Containers, nicht relativ zum Browserfenster. Damit verhält sich eine Card-Komponente in einer schmalen Sidebar automatisch anders als dieselbe Card im breiten Hauptbereich, ganz ohne zusätzliche Klassen oder JavaScript.

Das Observer Pattern entkoppelt einen Zustandsträger von den Codeteilen, die auf dessen Änderungen reagieren müssen, ganz ohne direkte Referenzen zwischeneinander. Von einer minimalen Subject-Klasse über das native EventTarget-Interface bis zu WeakRef-basiertem Cleanup zeigt dieser Artikel, wie das Observer Pattern in reinem JavaScript robust implementiert wird.

Das clone-Schlüsselwort in PHP erzeugt standardmäßig nur eine Shallow Copy, verschachtelte Objekte bleiben geteilt. Mit der Magic Method __clone lässt sich Object Cloning gezielt zur Deep Copy erweitern, inklusive readonly Properties und dem klassischen Prototype Pattern als Erzeugungsstrategie.

Sobald mehrere Teams an derselben Vue-Anwendung arbeiten, wird ein monolithisches Frontend zum Flaschenhals. Micro Frontends teilen eine Vue-Anwendung entlang von Domänengrenzen auf, sodass jedes Team unabhängig entwickeln, testen und deployen kann, ohne auf einen gemeinsamen Release-Zug warten zu müssen.

Sobald mehr als ein Produkt dasselbe Tailwind Design System nutzt, wird jede Änderung an Tokens oder Komponenten zum potenziellen Breaking Change für fremden Code. Semantische Versionierung, ein gepflegtes Changelog und klare Deprecation-Fristen machen aus einem gefährlichen Update einen planbaren, kommunizierten Schritt.

Hierarchische Daten wie Kategoriebaeume, Organigramme oder Kommentar-Threads passen nicht natuerlich in flache relationale Tabellen, und die Wahl des Modells entscheidet, ob Einfuegen oder Lesen schnell bleibt. Dieser Beitrag vergleicht vier etablierte Modellierungsstrategien fuer Baumstrukturen in SQL nach Schreib- und Lesekosten, damit die Entscheidung zum tatsaechlichen Zugriffsmuster passt statt zur ersten Idee.