Seite 4 - Monthly Archives: April 2026

Ein Zombie-Prozess hat sich bereits beendet, doch sein Elternprozess hat den Exit-Status nie abgeholt und blockiert damit einen Eintrag in der Prozesstabelle. Dieser Leitfaden erklärt den Unterschied zwischen Zombies und verwaisten Prozessen, zeigt, warum kill -9 wirkungslos bleibt, und liefert konkrete Befehle, um den verantwortlichen Elternprozess zu finden und das Problem im Code dauerhaft zu beheben.

SF

{ }

Symfony · Workflow Component · State Machine · PHP

Symfony Workflow Component:
State Machine für komplexe Prozesse

Bestellprozesse, Genehmigungsworkflows, Content-Publishing und Ticket-Systeme haben eines gemeinsam: Objekte wechseln ihren Zustand nach definierten Regeln. Wer diese Übergänge mit if-Konstrukten in Services implementiert, baut technische Schulden auf. Das Symfony Workflow Component macht State Machines zu deklarativer Konfiguration mit vollem Event-Support und Visualisierung.

18 Min. Lesezeit Zustände · Übergänge · Guards · Events · Visualisierung Symfony 7.x · PHP 8.3+

Inhaltsverzeichnis

1. 1. Warum das Symfony Workflow Component statt manueller if-Logik
2. 2. Kernkonzepte: Workflow, State Machine und der Unterschied
3. 3. Workflow deklarativ in YAML konfigurieren
4. 4. Entities und Objekte als Workflow-Subjekte
5. 5. Guards: bedingte Übergänge mit Sicherheitsprüfungen
6. 6. Workflow-Events für Nebeneffekte nutzen
7. 7. Den Workflow-Service im Code verwenden
8. 8. Workflows testen: Unit-

Reaktive Programmierung ist in jedem modernen Frontend-Framework anders gelöst – mit inkompatiblen APIs und Abstraktion hinter Framework-Grenzen. Das TC39 Signals-Proposal definiert erstmals eine universelle Grundlage: Signal, computed und effect als native JavaScript-Primitive, auf denen Frameworks aufbauen können.

Eigene UI-Komponenten ohne WAI-ARIA richtig zu implementieren, kostet Wochen. Dialog, Dropdown, Tooltip und Select korrekt mit Keyboard-Navigation, Fokus-Trapping und Screenreader-Unterstützung zu bauen ist komplexer als die meisten Entwickler ahnen. Radix UI löst genau dieses Problem.

Magento liefert seinen GraphQL-Endpoint ohne Typinformationen fuer den Client, wodurch Storefront-Code auf gutes Glueck auf Feldnamen und Nullability vertraut. graphql-code-generator erzeugt aus dem echten Schema automatisch TypeScript-Typen und typisierte Query-Dokumente, sodass fehlerhafte Feldzugriffe und vergessene Null-Pruefungen schon beim Kompilieren auffallen statt erst im Checkout eines echten Kunden.

Wenn PHPStan lokal grün ist aber in der CI-Pipeline rot, liegt es an einer unterschiedlichen Konfiguration. Das Problem ist lösbar: Pre-Commit-Hooks, PhpStorm Quality Gates und CI-Pipeline so aufeinander abstimmen, dass lokal identisch prüft was die Pipeline prüft – kein Push der auf Anhieb fehlschlägt.

Wer Zahlungs- und Versanddienstleister in jedem Testlauf live anspricht, riskiert Kosten, Rate Limits und zufällige Fehlschläge durch fremde Infrastruktur. Dieser Artikel zeigt, wie Mock-Server wie MSW und WireMock, aufgezeichnete Fixtures und gezielt simulierte Fehler und Timeouts eine E2E-Suite unabhängig von der Verfügbarkeit externer Dienste und trotzdem realistisch machen.

Die WCAG unterteilt Erfolgskriterien in drei Konformitätsstufen: A, AA und AAA. Wer versteht, was jede Stufe technisch fordert, kann realistische Ziele setzen statt pauschal auf Vollständigkeit zu hoffen. Dieser Artikel erklärt die Unterschiede zwischen den Stufen, warum AA für die meisten kommerziellen Websites der richtige rechtliche und praktische Zielstandard ist und welche einzelnen AAA-Kriterien sich trotzdem gezielt lohnen.

Analytics, Chat-Widgets, Ad-Pixel und A/B-Testing-Tools schleichen sich unbemerkt in fast jeden Magento-Shop und summieren sich über Monate zu Hunderten Kilobyte blockierendem JavaScript, die Ladezeit und Interaktionsfähigkeit spürbar verschlechtern. Dieser Artikel zeigt, wie ihr Drittanbieter-Skripte systematisch auditiert, mit Facade-Pattern und iframe-Sandboxing sicher isoliert und über einen klaren Tag-Manager-Governance-Prozess dauerhaft unter Kontrolle haltet.

x-data

Alpine

Alpine.js · Animation · requestAnimationFrame · IntersectionObserver

Animated Number Counter
Smooth ohne GSAP — reines Alpine.js und Browser-APIs

Animierte Zahlen-Counter sind auf Landing Pages, Statistik-Sektionen und Dashboards allgegenwärtig. Wer dafür GSAP oder CountUp.js einbindet, lädt unnötige Kilobytes. Mit Alpine.js, requestAnimationFrame und dem IntersectionObserver entsteht ein flüssiger, scroll-triggerter Counter – komplett ohne externe Libraries.

11 Min. Lesezeit requestAnimationFrame · Easing · IntersectionObserver · Intl.NumberFormat Alpine.js 3.x · Vanilla JS · Kein GSAP · Kein jQuery

Inhaltsverzeichnis

1. 1. Warum keinen GSAP oder CountUp.js verwenden?
2. 2. Das Problem mit setInterval für Animationen
3. 3. requestAnimationFrame: Animationen im Browser-Rhythmus
4. 4. Easing-Funktionen: Warum linear langweilig ist
5. 5. Die Alpine.js-Komponente: Grundstruktur
6. 6. IntersectionObserver: Animation bei Scroll-Sichtbarkeit
7. 7. Zahlen-Formatierung: Intl.NumberFormat und Suffixe
8. 8.