La parole est aux speakers : Jérémy Romey
Jusqu’à l’AFUP Day 2025, retrouvez nos interviews de speakers pour mieux comprendre leur parcours et le sujet qu’ils ou elles aborderont lors de leur conférence !
La conférence
J’ai migré un jeu apéro AFUP de Vue.js vers Symfony Live ComponentSymfony UX a lancé les Live Components, une nouvelle manière de gérer les composants front-end dans Symfony. Offrant la possibilité à des devs back-end de mettre en place des composants front-end pour permettre aux utilisateurs d'interagir quasiment aussi bien qu'avec une application front-end. J'ai eu l'occasion de tester cette nouvelle fonctionnalité en migrant un jeu apéro AFUP, de Vue.js avec API REST, vers Symfony Live Component. J'expliquerai pourquoi cette migration, comment j'ai procédé, et enfin quels sont les avantages et inconvénients que j'ai rencontrés. |
Maurice 16/05/2025 09:20-10:00 |
As-tu eu l’occasion de fêter cette migration de jeu apéro avec un apéro ?
J’ai eu la chance d’utiliser la nouvelle version lors d’une soirée au Musée de Sainte-Croix durant laquelle des questions sur le musée et sur la tech ont pu être posées aux personnes participantes. Mon objectif était que tout fonctionne comme avant, aussi bien visuellement que fonctionnellement… et c’était le cas !
Si tu devais conseiller une architecture entre API+Vue ou Live Component, quels seraient les critères que tu prendrais en compte pour orienter tes choix ?
Comme souvent, la réponse à cette question est : “ça depend”. Toutefois, si le frontend est le seul consommateur des données et qu’il n’y a pas deux équipes dédiées (backend et frontend), alors Symfony avec les Live Components semble être un bon choix. Rien n’empêche d’ajouter une API plus tard si de nouveaux besoins émergent.
Selon toi, les Live Components sont ils recommandés dans le cas de site à fort trafic et/ou exigeants de forte performances ?
Puisqu’il n’y a pas d’application frontend lourde, le JavaScript chargé se limite aux interactions avec le backend. Toutes les données sont fournies et rendues directement côté serveur, ce qui évite des appels réseau superflus. Cependant, pour un très fort trafic, cela peut poser des problèmes : une API permet de mettre en place un cache HTTP, qui réduit la charge sur le backend.