Was macht symfony-ux-insights?
Symfony UX Fähigkeiten Bündel 2026 – Meistere Live- und Twig-Komponenten, Turbo, Stimulus
Übersicht
Dieser Skill bietet einen tiefgehenden Einblick in das Symfony UX-Ökosystem, das es Entwicklern ermöglicht, interaktive und reaktive Benutzeroberflächen mit minimalem JavaScript zu erstellen.
Enthaltene Technologien
- Live Components: Erstelle dynamische UI-Elemente, die mit dem Server kommunizieren, ohne die Seite neu zu laden.
- Twig Components: Definiere wiederverwendbare, template-gesteuerte Komponenten mit eigener Logik.
- Turbo: Nutze Hotwired Turbo für schnelle Navigation und automatische Aktualisierungen über WebSockets.
- Stimulus: Füge leichtgewichtige JavaScript-Controller hinzu, um die Interaktivität zu steigern.
Nutzung
Dieser Skill ist für KI-Assistenten optimiert, die Entwickler beim Erstellen von Symfony UX-Projekten unterstützen. Er enthält Codebeispiele, Architekturmuster und Fehlerbehebungsstrategien.
Beispiel: Live Component
// templates/components/MyCounter.html.twig
<div {{ attributes }}>
<p>Count: {{ this.count }}</p>
<button data-action="live#update" data-model="count" data-value="1">Increment</button>
</div>
// src/Twig/Components/MyCounter.php
namespace App\Twig\Components;
use Symfony\UX\LiveComponent\Attribute\AsLiveComponent;
use Symfony\UX\LiveComponent\DefaultActionTrait;
#[AsLiveComponent]
class MyCounter
{
use DefaultActionTrait;
public int $count = 0;
}
Weitere Informationen
Vollständige Dokumentation findest du auf der Symfony UX Website.