Seite 7 - Design Patterns

Drei leichte Alternativen zu Redux, drei unterschiedliche Denkmodelle. Recoil und Jotai setzen auf Atoms als kleinste Zustandseinheit, Zustand auf einen einzigen zentralen Store. Dieser Artikel vergleicht Bundle Size, Server State Integration und Wartungsstatus, damit die Wahl auf konkreten Kriterien statt auf Bauchgefühl basiert.

@custom-media erlaubt es, eine Media-Query-Bedingung einmal zu benennen und danach überall im Stylesheet wiederzuverwenden, statt dieselbe Breitenangabe an zwanzig Stellen zu wiederholen. Bisher übernimmt PostCSS diese Übersetzung beim Build, doch die Media Queries Level 5 Spezifikation bringt genau diese Fähigkeit direkt in den Browser.

Wer Bestellnummern, Rechnungsnummern oder eigene Entity-IDs in Magento 2 verstehen will, kommt an Sequence-Tables nicht vorbei: dedizierte Ein-Spalten-Tabellen, die AUTO_INCREMENT-Werte atomar reservieren und dabei komplett vom internen Primärschlüssel der Fachtabelle entkoppelt sind. Dieser Artikel erklärt die Architektur von sequence_meta und sequence_profile, zeigt eine eigene Sequence-Table für ein Custom-Entity per db_schema.xml und Data Patch, und liefert konkrete SQL-Befehle zur Diagnose und Reparatur im Live-Betrieb.

Redux loest heute noch valide Probleme, produziert aber in vielen Projekten unnoetigen Boilerplate. Wer schrittweise von Redux zu Zustand migriert, ersetzt Reducer, Actions und Middleware Slice fuer Slice, ohne die App in einem riskanten Rutsch umzuschreiben.

Numerische Grid Linien wie Linie 3 oder Linie minus 2 sind für den Browser eindeutig, für Menschen aber schwer zu merken. Benannte Grid Linien und grid-template-areas übersetzen dasselbe Raster in aussagekräftige Bezeichnungen und ASCII Diagramme, die im Code selbst dokumentieren, was auf dem Bildschirm passiert.

Das Prototype Pattern klont bestehende Objekte statt sie neu zu instanziieren. Das Object Pool Pattern verwaltet einen Vorrat wiederverwendbarer, teurer Objekte. Beide Muster dienen der Performance — und beide sind in Magento 2 tief im Framework verankert.

Eine Command Palette ist mittlerweile fast schon Standard in Entwickler-Tools und zunehmend auch in normalen Web-Anwendungen: Mit einem Tastendruck öffnet sich ein zentriertes Suchfeld, das Befehle, Seiten oder Datensätze durchsucht und per Pfeiltasten navigierbar macht. Optisch steckt hinter dem scheinbar einfachen Muster eine ganze Reihe von Detailproblemen: korrekte Overlay-Positionierung, ein klar erkennbarer aktiver Eintrag, Gruppen mit eigenen Ueberschriften und eine visuelle Hervorhebung der Treffer aus der Fuzzy-Suche. Dieser Artikel zeigt, wie sich all das mit reinem Tailwind CSS und etwas Alpine.js für den Zustand sauber und wartbar umsetzen lässt.

Eine gemeinsame GraphQL-API für mehrere Mandanten spart Infrastruktur, birgt aber ein reales Risiko: ein einziger vergessener Tenant-Filter im Resolver, und Mandant A sieht Daten von Mandant B. Wer Tenant-Isolation systematisch statt ad hoc aufbaut, vermeidet genau dieses Szenario.

Event Driven Microservices ersetzen synchrone REST Aufrufe zwischen Services durch asynchrone Integration Events, die ueber Symfony Messenger auf einen gemeinsamen Broker verteilt werden. Dieser Artikel zeigt, wie das Transactional Outbox Pattern das Dual Write Problem loest, wie Consumer idempotent bleiben, wie Event Schemas sich versionieren lassen und wann ein Saga Orchestrator fuer verteilte Geschaeftsprozesse noetig wird.

Sobald ein System mehrere zueinander passende Objekte austauschbar erzeugen muss, etwa Zahlungsanbieter mit passendem Client, Validator und Logger, reicht eine einfache Factory-Methode nicht mehr aus. Das Abstract Factory Pattern kapselt genau diese Erzeugung ganzer Produktfamilien hinter einer gemeinsamen, typsicheren Schnittstelle.