smnandre

Hotwire Turbo for Symfony UX delivers SPA-like speed with zero JavaScript, covering full-page navigation (Drive), partial page sections (Frames), and multi-target updates (Streams). It's perfect for features like AJAX navigation, lazy loading, inline editing, and real-time updates.

Symfony UX LiveComponent for reactive server-rendered UI, featuring components that re-render via AJAX on user interaction with zero JavaScript. It's ideal for live search, real-time filtering, dynamic forms, inline validation, dependent selects, and other UIs that update based on user input.

Symfony UX TwigComponent provides reusable UI building blocks as server-rendered components using PHP classes and Twig templates. It's ideal for creating common UI elements like buttons, cards, and navbars, supporting props, slots, computed properties, and anonymous components.

Stimulus is a JavaScript framework for Symfony UX that enables client-side behavior through HTML data attributes, eliminating server round-trips. It's ideal for DOM manipulation, event handling, and integrating various UI components like toggles, dropdowns, and modals.

This skill serves as a decision tree and orchestrator for the Symfony UX frontend stack, guiding users in choosing or combining tools like Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons, and UX Map. It's triggered for general Symfony frontend architecture questions or when users are unsure which UX package to use or how to make elements interactive.

Symfony UX Icons renders SVG icons in Twig templates, supporting over 200,000 Iconify icons, local SVG files, and custom sets. It's used for displaying, configuring, importing, aliasing, and styling icons with CSS.

Symfony UX Map provides interactive maps using Leaflet or Google Maps, supporting markers, shapes, info windows, and LiveComponent integration for reactive map features. It's ideal for displaying maps, drawing routes, handling events, and building store locators.