Symfony UX dans la vraie vie
Retour d'expérience concret d'implémentation sur un projet e-commerce réel
Cette sketchnote a été réalisée lors de l'AFUP Day Lille 2025. Elle illustre la présentation "Symfony UX dans la vraie vie" donnée par Amélie Guers, qui partage son retour d'expérience d'implémentation de Symfony UX sur un véritable projet e-commerce.
Contenu de la présentation
Amélie Guers présente une approche pragmatique de Symfony UX à travers trois composants principaux. Turbo permet de créer des applications SPA-like avec un chargement AJAX transparent entre les pages, utilisant les concepts de Drive, Frame et Stream pour une navigation fluide. Stimulus apporte un framework JavaScript léger qui s'intègre naturellement avec les bundles Symfony existants, permettant d'ajouter de l'interactivité sans complexité excessive.
Les Live Components représentent l'innovation majeure en permettant de créer des composants Twig avec mise à jour frontend automatique. Ils incluent un FormBuilder dynamique qui rend les formulaires interactifs en temps réel, transformant l'expérience utilisateur traditionnelle des applications Symfony.
La présentation met l'accent sur l'approche progressive : Symfony UX peut s'intégrer sur des projets existants sans refactoring majeur, en reprenant les principes fondamentaux de Symfony. Amélie recommande de commencer par ajouter des Live Components sur les fonctionnalités à forte valeur ajoutée avant d'étendre l'usage aux autres composants.
Points clés à retenir
- Turbo Drive/Frame/Stream : Navigation AJAX transparente qui transforme une application Symfony classique en SPA
- Stimulus + bundles SF/JS : Intégration native avec l'écosystème Symfony pour l'interactivité frontend
- Live Components + FormBuilder dynamique : Composants Twig avec mise à jour temps réel, révolutionnant les formulaires
- Approche incrémentale : Implémentation progressive sur projets existants sans disruption majeure
- Retour terrain : Cas d'usage e-commerce concrets avec métriques d'amélioration UX