Seite 69 - Maxim Mironjuk

Requisition Lists sind das B2B-Werkzeug für Stammkunden, die regelmäßig dieselben Positionen bestellen, mit eigenem Datenmodell, eigener API und einer klaren fachlichen Abgrenzung zur Wishlist. Wer eine eigene Frontend-Integration bauen will, muss wissen, wie das Datenmodell aufgebaut ist, welche API-Operationen zur Verfügung stehen und wo die Grenzen des Standardfeatures liegen.

Ein grosses JavaScript-Bundle kostet nicht nur Download-Zeit, sondern blockiert den Main Thread beim Parsen und Kompilieren. Mit dynamic import(), Vendor-Chunk-Splitting und gezieltem Nachladen schwerer Widgets unterhalb des Folds laesst sich die initiale Bundle-Groesse spuerbar senken, ohne Funktionalitaet zu verlieren, auch in server-gerenderten Hyva-Shops mit Alpine.js.

Mit @page Regeln steuert CSS direkt, wie groß eine gedruckte Seite ist, welche Ränder sie hat und was in Kopf- und Fußzeile erscheint. Für Rechnungen, Verträge und mehrseitige Reports ersetzen @page Regeln damit einen erheblichen Teil dessen, wofür sonst eine externe PDF-Bibliothek nötig wäre.

Wer Inhalte für Screenreader bereitstellen will, ohne sie visuell anzuzeigen, greift oft reflexartig zu display:none. Das entfernt den Text aber komplett aus dem Accessibility Tree. Das sr-only Utility in Tailwind CSS löst genau dieses Problem: visuell unsichtbar, für assistive Technologien vollständig lesbar. Dieser Artikel zeigt, wie sr-only technisch funktioniert und wo es in echten Projekten den Unterschied macht.

Vue 3 Reaktivität ist keine Magie — sie ist ein präzises System aus JavaScript Proxy, Dependency-Tracking und Scheduling. Wer versteht, wie ref(), reactive(), computed() und watch() intern arbeiten, macht keine Reaktivitätsfehler mehr, wählt das richtige Tool für jeden Anwendungsfall und weiß sofort, warum eine Komponente sich nicht neu rendert. Dieser Artikel erklärt das Reaktivitätssystem vollständig und praxisnah.

Ein gewöhnliches Array als Cache mit Objekten als Schlüsseln oder Werten verhindert, dass diese Objekte jemals vom Garbage Collector eingesammelt werden, solange der Cache selbst existiert, und genau das führt in lang laufenden Prozessen zu schleichenden Memory Leaks. WeakMap löst dieses Problem strukturell, indem der Cache selbst keinen Einfluss mehr auf die Lebensdauer der referenzierten Objekte nimmt.

Ein eigenes Observer-Pattern hat fast jeder PHP-Entwickler schon einmal gebaut, meist mit einer Subject-Klasse und einer Liste von Callbacks. PSR-14 formalisiert dieses Muster in zwei klar getrennte Verträge. Wir implementieren beide selbst, inklusive Stoppable Events, und bauen daraus einen praktischen Domain-Event-Mechanismus ohne Framework.

Ein gewöhnliches PHP-Array ist intern eine geordnete Hashtabelle mit erheblichem Overhead pro Element, selbst wenn ausschließlich fortlaufende Integer-Schlüssel verwendet werden. SplFixedArray, SplStack, SplQueue und SplHeap bieten spezialisierte, speichereffiziente Datenstrukturen, die diesen Overhead bei großen, klar strukturierten Datenmengen spürbar reduzieren.

JSON-Spalten geben einer relationalen Datenbank genau die Modellierungsfreiheit, die sonst als Argument fuer einen NoSQL-Wechsel dient, ohne auf Transaktionen, Joins und referentielle Integritaet zu verzichten. Wer JSONB in PostgreSQL oder JSON in MySQL richtig indiziert, abfragt und validiert, deckt viele semi-strukturierte Anwendungsfaelle innerhalb der bestehenden Datenbank ab.

x-model synchronisiert Eingabefelder mit Alpine-Daten – aber standardmäßig bei jedem Tastendruck. Mit .lazy, .debounce und .number wird aus einem einfachen Two-Way-Binding ein präzises Werkzeug für API-Calls, Zahleneingaben und performance-optimierte Formulare.