Design Patterns

1. Formular-Autosave: Entwurf im localStorage speichern mit Alpine.js

   21.06.2025

   Ein langes Formular, das beim versehentlichen Schließen des Tabs verloren geht, kostet Nutzer Zeit und Nerven. Ein Autosave-Pattern in Alpine.js speichert den Entwurf automatisch im localStorage, mit Debounce, sichtbarem Speicherstatus und sauberer Konflikterkennung zwischen mehreren geöffneten Tabs.

   Read more

2. Tailwind Design System Governance für Teams

   20.06.2025

   Ohne Governance zerfällt jedes Tailwind Design System früher oder später in Ausnahmen, doppelte Komponenten und widersprüchliche Tokens. Ein Governance-Modell mit klaren Rollen, einem leichtgewichtigen RFC-Prozess und definierten Freigabewegen hält das System konsistent, auch wenn zehn Entwickler gleichzeitig daran arbeiten.

   Read more

3. Layout-XML im Detail: Handles, Container, Referenzen, Sortierung

   15.06.2025

   Wer Layout-XML nur oberflächlich kennt, verliert sich schnell in unvorhersehbaren Block-Positionen und stillen Merge-Konflikten. Dieses Handbuch erklärt Handle-Resolution, Container gegenüber Block, referenceBlock und referenceContainer, die Sortiermechanik mit before/after sowie das move-Element, mit praxisnahen PHP-8.4-Beispielen für den Hyvä-Stack von Mironsoft.

   Read more

4. Preferences Pattern in Magento 2

   10.06.2025

   Read more

5. Trait-Konflikte lösen: insteadof und as im Detail erklärt

   08.06.2025

   Sobald eine Klasse zwei Traits mit gleichnamigen Methoden einbindet, meldet PHP einen Fatal Error, es sei denn, der Konflikt wird explizit aufgelöst. insteadof legt den Gewinner fest, as vergibt Alias-Namen und ändert Sichtbarkeit. Dieser Artikel zeigt beide Operatoren im Detail und wo Trait-Konflikte in echten Projekten typischerweise entstehen.

   Read more

6. Eigene Error Klassen Hierarchien in TypeScript aufbauen

   02.06.2025

   Die eingebaute Error Klasse aus JavaScript reicht fuer eine wachsende Codebasis selten aus: sie traegt keine Error Codes, keine strukturierten Metadaten und keine saubere Serialisierung. Eine durchdachte Error Klassen Hierarchie loest diese Probleme mit einer gemeinsamen Basisklasse, konsistenten instanceof Pruefungen und Cause Chaining fuer verkettete Fehlerursachen.

   Read more

7. Agenten Pipelines für komplexe Aufgaben designen

   01.06.2025

   Komplexe Entwicklungsaufgaben lassen sich selten in einem einzigen Prompt zuverlässig lösen. Eine Agenten-Pipeline zerlegt eine solche Aufgabe in klar abgegrenzte Stufen mit definiertem Datenfluss, eingebauten Qualitätsgates und geregelter Fehlerbehandlung, sodass jede Stufe nachvollziehbar bleibt und Fehler nicht unbemerkt bis zum Ende durchlaufen.

   Read more

8. Entwurfsmuster in PHP: Übersicht unabhängig von Magento/Symfony

   28.05.2025

   Entwurfsmuster werden oft an ein bestimmtes Framework gebunden erklärt, dabei sind es benannte, wiederverwendbare Lösungsformen für Entwurfsprobleme, die in jeder objektorientierten PHP-Codebasis auftauchen, unabhängig davon, ob ein Framework überhaupt im Spiel ist. Dieser Beitrag stellt die wichtigsten klassischen Entwurfsmuster, Factory Method, Singleton, Decorator, Strategy, Observer und Repository, ausschließlich anhand von reinem PHP 8.4 vor, gegliedert nach den drei klassischen GoF-Kategorien Creational, Structural und Behavioral. Kein Magento, kein Symfony, keine ORM-Bindung, nur die Mechanik der Muster selbst und eine ehrliche Einschätzung, wann sich der zusätzliche Code tatsächlich lohnt.

   Read more

9. ITCSS: Skalierbare CSS Architektur für große Projekte

   21.05.2025

   ITCSS ordnet ein Stylesheet nicht nach Dateityp oder Komponente, sondern nach Spezifität und Reichweite jeder Regel. Diese CSS Architektur macht Konflikte zwischen globalen Grundregeln und spezifischen Überschreibungen vorhersagbar, statt sie dem Zufall der Import-Reihenfolge zu überlassen, und bleibt auch bei Dutzenden Entwicklern über Jahre wartbar.

   Read more

10. Event Delegation Pattern in Alpine.js Komponenten

    19.05.2025

    Event Delegation nutzt das native Bubbling-Verhalten des DOM, um mit einem einzigen Listener am Container jedes Kind-Element zu bedienen, statt in einer x-for-Schleife einen Listener pro Listenelement zu registrieren. Dieser Artikel zeigt, wie das Pattern in Alpine.js-Komponenten konkret umgesetzt wird und wo seine Grenzen liegen.

    Read more