Alpine.js

Alpine.js x-sort: Drag-and-Drop Sortieren ohne Bibliothek

Mir Admin - Oktober 26, 2025

x-sort bringt natives Drag-and-Drop-Sorting in Alpine.js – ohne SortableJS, ohne jQuery UI und ohne externe Abhängigkeiten. Sortierbare Listen, gruppenübergreifendes Verschieben, Drag-Handles und Server-Synchronisation sind mit wenigen HTML-Attributen umsetzbar.

Magento Alpine.js

Alpine.js in Magento Hyvä: Patterns und Anti-Patterns

Mir Admin - September 28, 2025

Hyvä hat Alpine.js als das primäre JavaScript-Werkzeug im Magento-Frontend etabliert. Wer Alpine.js ohne klare Patterns einsetzt, baut Komponenten, die schwer testbar, schlecht wartbar und performance-kritisch sind. Dieser Artikel zeigt die wichtigsten bewährten Patterns und die häufigsten Fehler beim Einsatz von Alpine.js in Hyvä-Themes.

Alpine.js

Alpine.js + htmx: Das unterschätzte Duo 2026

Mir Admin - September 18, 2025

Während die JavaScript-Community über die nächste Framework-Version diskutiert, lösen Alpine.js und htmx zusammen echte Produktionsprobleme: weniger JavaScript, mehr Server-Logik, bessere Performance und Progressive Enhancement ohne Kompromisse.

Alpine.js

Accessibility-konformes Modal mit Alpine.js: Fokus-Trap und ARIA

Mir Admin - August 30, 2025

Ein visuell ansprechendes Modal ist nur die halbe Arbeit. Wer Barrierefreiheit nach WCAG 2.1 ernst nimmt, muss Fokus-Management, korrekte ARIA-Rollen und vollständige Keyboard-Navigation implementieren. Alpine.js macht das möglich – ohne jQuery, ohne externe Bibliotheken.

Alpine.js

Alpine.js Performance: Große Datenlisten optimieren

Mir Admin - August 10, 2025

Hunderte oder tausende Einträge in einem Alpine.js x-for-Loop rendern – das geht, aber ohne gezielte Optimierungen werden Filtereingaben träge, Scrolling ruckelt und der Browser-Tab friert ein. Mit den richtigen Mustern bleibt Alpine.js auch bei großen Datensätzen schnell und reaktiv.

Alpine.js

Alpine.js testen: Einheitstests mit Testing Library

Mir Admin - März 29, 2025

Alpine.js-Komponenten zu testen ist nicht offensichtlich: Das Framework ist eng an das DOM gekoppelt, was spezielle Test-Setups erfordert. Mit Vitest, jsdom und @testing-library/dom lassen sich reaktive Alpine-Komponenten zuverlässig, wartbar und schnell testen.

Alpine.js

Alpine.js mit Fetch API: Daten laden und Fehler behandeln

Mir Admin - Januar 30, 2025

Asynchrones Datenladen ist in fast jedem interaktiven Widget nötig. Alpine.js macht es mit async/await und x-data erstaunlich einfach – aber erst mit sauber durchdachter Fehlerbehandlung, Ladezuständen und Abort-Logik wird ein Fetch-Widget produktionstauglich.