smnandre

Hotwire Turbo para Symfony UX proporciona velocidad similar a una SPA sin JavaScript, cubriendo navegación de página completa (Drive), secciones parciales (Frames) y actualizaciones multi-objetivo (Streams). Es perfecto para navegación AJAX, carga diferida, edición en línea y actualizaciones en tiempo real.

Symfony UX LiveComponent para UI reactiva renderizada en el servidor, con componentes que se vuelven a renderizar vía AJAX en la interacción del usuario, sin necesidad de JavaScript. Es ideal para búsqueda en vivo, filtrado en tiempo real, formularios dinámicos, validación en línea, selects dependientes y otras UIs que se actualizan con la entrada del usuario.

Symfony UX TwigComponent proporciona bloques de construcción de UI reutilizables como componentes renderizados en el servidor, utilizando clases PHP y plantillas Twig. Es ideal para crear elementos de UI comunes como botones, tarjetas y navbars, soportando props, slots, propiedades computadas y componentes anónimos.

Stimulus es un framework JavaScript para Symfony UX que permite el comportamiento del lado del cliente a través de atributos de datos HTML, eliminando viajes de ida y vuelta al servidor. Es ideal para la manipulación del DOM, el manejo de eventos y la integración de varios componentes de UI como toggles, dropdowns y modales.

Esta habilidad funciona como un árbol de decisión y orquestador para el stack frontend de Symfony UX, guiando en la elección o combinación de herramientas como Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons y UX Map. Se activa para preguntas generales de arquitectura frontend en Symfony o cuando el usuario no está seguro de qué paquete UX usar o cómo hacer elementos interactivos.

Symfony UX Icons renderiza iconos SVG en plantillas Twig, compatible con más de 200.000 iconos de Iconify, archivos SVG locales y conjuntos de iconos personalizados. Se utiliza para mostrar, configurar, importar, crear alias y estilizar iconos con CSS.

Symfony UX Map proporciona mapas interactivos con Leaflet o Google Maps, incluyendo marcadores, formas, ventanas de información e integración con LiveComponent para funciones reactivas. Es ideal para mostrar mapas, dibujar rutas, manejar eventos y construir localizadores de tiendas.