JSDOM-basierte Tests lügen manchmal: Sie simulieren Browser-Verhalten, testen aber nicht, was der echte Browser mit einer Komponente macht. Playwright Component Testing rendert jede React-Komponente in einem echten Chromium, Firefox oder WebKit – ohne die gesamte Anwendung hochzufahren.

Das EAV-Modell in Magento trennt Entitäten, Attribute und Werte auf mehrere Tabellen auf. Das macht es flexibel und gleichzeitig schwer lesbar. Dieser Artikel erklärt die Struktur vollständig und zeigt praxisnahe SQL-Muster.

Tests, die Implementierungsdetails prüfen, brechen bei jedem Refactoring. React Testing Library erzwingt Tests aus Nutzerperspektive — mit getByRole statt getByTestId, userEvent statt fireEvent und MSW statt fetch-Mocks.

Builder Pattern
in Magento 2

Das Builder Pattern erzeugt komplexe Objekte Schritt für Schritt. In Magento 2 ist es besonders wichtig bei SearchCriteria, Filtern, Sortierungen und stabilen Konfigurationsobjekten für Services.

will-change verspricht flüssigere Animationen durch GPU-Layer-Promotion — und hält dieses Versprechen, wenn es korrekt eingesetzt wird. Auf zu vielen Elementen dauerhaft gesetzt, verursacht es hingegen Memory-Leaks, erhöhten GPU-Memory-Verbrauch und kann Animationen langsamer machen, statt sie zu beschleunigen.

GitLab Review Apps ermöglichen Preview-Umgebungen für jeden Feature-Branch. Klingt verlockend — aber Magento ist kein einfaches Node.js-Projekt. Datenbank, Media, Redis, Elasticsearch und ein komplexer Build-Prozess machen Review Apps zu einem ernsthaften Infrastrukturprojekt.

Merge-Konflikte im Terminal zu lösen bedeutet, Konflikt-Markierungen manuell in der Datei zu suchen, zu verstehen und zu entscheiden – ohne visuellen Kontext. Das 3-Wege-Merge-Tool in PhpStorm zeigt gleichzeitig die eigene Version, die fremde Version und den gemeinsamen Ancestor, was die Entscheidung erheblich erleichtert und Fehler bei der Konfliktlösung reduziert.