Magento Blog: Anleitungen und Praxiswissen | Seite 245 | mironsoft
Magento Blog
-
14.06.2025
Wer zum ersten Mal einen console.log in einem useEffect sieht, der im Entwicklungs-Build plötzlich zweimal auftaucht, hält das fast immer für einen Fehler. Tatsächlich ist die doppelte Ausführung in React 18 und 19 unter Strict Mode bewusst eingebaut, um genau die Effects zu entlarven, die kein korrektes Cleanup besitzen und in der Produktion später zu schwer auffindbaren Bugs führen würden.
-
14.06.2025
Volltextsuche, exakte Filterung, Sortierung und Aggregation stellen widerspruechliche Anforderungen an denselben Feldwert. Multi-Fields loesen diesen Konflikt, indem sie einen Wert gleichzeitig mehrfach unterschiedlich indexieren, sodass jede Abfrageart die passende Repraesentation nutzt, ohne Daten zu duplizieren.
-
14.06.2025
Eine REST-API ohne korrekt dokumentierte Sicherheitsanforderungen ist für Konsumenten eine Blackbox. OpenAPI 3.x bietet vier Security-Scheme-Typen, die sich in der Swagger-UI direkt nutzbar machen lassen – wenn man weiß, wie man sie korrekt modelliert, global und endpoint-spezifisch kombiniert und mit Scopes granular steuert.
-
13.06.2025
Ein fehlgeschlagener End-to-End-Test liefert im Standardfall lediglich eine Fehlermeldung und einen Stacktrace auf Ebene des Test-Frameworks, verrät aber nichts darüber, was im Backend während dieses konkreten Testlaufs tatsächlich passiert ist. Test-Observability schließt genau diese Lücke, indem sie Distributed Tracing, strukturierte Logs und Metriken mit dem jeweiligen Testlauf korreliert, sodass sich beim ersten Blick in einen roten Test sofort erkennen lässt, ob die Ursache im Frontend, in einer bestimmten Backend-Anfrage oder in einer Drittanbieter-Integration liegt, statt erst mühsam manuell nachvollziehen zu müssen, welcher Service zu welchem Zeitpunkt beteiligt war.
-
13.06.2025
Wer WebSocket-Endpunkte nur im Browser mit DevTools prüft, verliert Reproduzierbarkeit und Automatisierbarkeit. Mit openssl, curl und websocat lassen sich WebSocket-Verbindungen mit Bash testen, der Handshake manuell nachvollziehen und Verbindungstests direkt in die CI-Pipeline integrieren.
-
13.06.2025
Lazy Loading für Produktbilder spart Datenvolumen und beschleunigt den ersten Seitenaufbau, kann aber bei falscher Konfiguration ausgerechnet das Bild verzögern, das für den Largest Contentful Paint entscheidend ist. Dieser Artikel zeigt, wie man diese Technik in Hyvä-Galerie-Templates, Kategorie-Grids und responsiven Bildquellen so konfiguriert, dass Ladezeit und Core Web Vitals gleichzeitig profitieren.
-
13.06.2025
Sortierbare Tabellenspalten gehören zu den am häufigsten gebrauchten Datenlisten Funktionen, landen aber oft über eine komplette DataTables Bibliothek im Projekt. Mit einer einzigen Alpine.js x-data Komponente, einer generischen Vergleichsfunktion und ein paar Zeilen für die Sortierrichtung entsteht dieselbe Funktionalität ganz ohne zusätzliche Abhängigkeit.
-
13.06.2025
iptables hat Linux-Firewalls über zwei Jahrzehnte geprägt, stößt bei großen Regelsätzen und komplexer Logik aber an klare Grenzen. nftables ersetzt iptables, ip6tables, arptables und ebtables durch ein einziges, konsistentes Framework mit nativen Sets, atomaren Updates und deutlich besserer Performance bei vielen Regeln.
-
13.06.2025
Copy-Paste zwischen Vue-Komponenten ist ein stilles Wartungsproblem: Wenn dieselbe Fetch-Logik, derselbe Validierungs-Code oder dasselbe Scroll-Verhalten in zehn Komponenten dupliziert ist, entsteht ein System, das bei jeder Bugfixierung zehnmal angefasst werden muss. Vue Composables lösen dieses Problem strukturell – durch Kapselung reaktiver Logik in useX-Funktionen, die sich wie Bausteine zusammensetzen lassen.
-
13.06.2025
Ein nicht abgefangener Fehler in einer React-Komponente zerstört den gesamten Komponentenbaum und zeigt dem Benutzer einen leeren Bildschirm. Error Boundaries sind der Mechanismus, der JavaScript-Fehler im Rendering isoliert, Fallback-UIs zeigt und die Anwendung stabil hält – korrekt implementiert, zuverlässig und mit Monitoring-Integration.