smnandre

Hotwire Turbo para Symfony UX oferece velocidade de SPA sem JavaScript, abrangendo navegação de página inteira (Drive), seções parciais (Frames) e atualizações multi-alvo (Streams). É ideal para navegação AJAX, carregamento preguiçoso, edição inline e atualizações em tempo real.

Symfony UX Icons renderiza ícones SVG em templates Twig, suportando mais de 200.000 ícones Iconify, arquivos SVG locais e conjuntos de ícones personalizados. Use para exibir, configurar, importar, criar apelidos e estilizar ícones com CSS.

Symfony UX Map oferece mapas interativos com Leaflet ou Google Maps, cobrindo marcadores, formas, janelas de informação e integração com LiveComponent para funcionalidades reativas. É ideal para exibir mapas, desenhar rotas, lidar com eventos e criar localizadores de lojas.

Symfony UX LiveComponent para UI reativa renderizada no servidor, com componentes que se re-renderizam via AJAX na interação do usuário, sem necessidade de JavaScript. Ideal para busca em tempo real, filtragem, formulários dinâmicos, validação, selects dependentes e outras UIs que se atualizam com a entrada do usuário.

Stimulus é um framework JavaScript para Symfony UX que permite comportamento do lado do cliente via atributos de dados HTML, eliminando viagens de ida e volta ao servidor. É ideal para manipulação do DOM, tratamento de eventos e integração de componentes de UI como toggles, dropdowns e modais.

Esta skill atua como uma árvore de decisão e orquestrador para a stack frontend do Symfony UX, auxiliando na escolha ou combinação de ferramentas como Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons e UX Map. É acionada para questões gerais de arquitetura frontend no Symfony ou quando o usuário está indeciso sobre qual pacote UX usar ou como tornar elementos interativos.

Symfony UX TwigComponent oferece blocos de construção de UI reutilizáveis como componentes renderizados no servidor, utilizando classes PHP e templates Twig. É ideal para criar elementos de UI comuns como botões, cartões e navbars, suportando props, slots, propriedades computadas e componentes anônimos.