Pages qui se rechargent à chaque clic, jQuery partout, front JavaScript qui double le travail : nous modernisons l'interface de votre application Symfony avec Symfony UX et Hotwire Turbo, écran par écran.
Turbo transforme la navigation en échanges de fragments HTML : plus de rechargement complet, des formulaires qui affichent leurs erreurs sur place, des parties de page chargées à la demande. Les contrôleurs et les templates Twig restent les mêmes.
Le JavaScript qui reste nécessaire est rangé dans des contrôleurs Stimulus, petits, testables et attachés au HTML qu'ils pilotent. Ils remplacent les écouteurs jQuery dispersés dans les templates.
Pour une recherche qui filtre en direct ou un formulaire qui s'adapte à chaque saisie, les Live Components se mettent à jour depuis le serveur, en PHP, sans écrire d'API.
Les notifications, l'avancement d'une demande ou l'arrivée d'un message sont poussés aux navigateurs ouverts par Mercure et appliqués en Turbo Streams : plus besoin de rafraîchir la page.
Nous regroupons les éléments d'interface dans des composants Twig réutilisables : alertes, cartes, modales, menus, tableaux. Chaque écran assemble les mêmes briques, ce qui uniformise l'application et accélère les évolutions suivantes. Sur les applications Airbus, ce socle est partagé entre plusieurs applications, qui suivent ainsi la même charte.
Si l'application n'a plus de prestataire ou tourne sur une version de Symfony qui n'est plus maintenue, la modernisation commence par une reprise de l'application : audit, montée de version, puis évolutions de l'interface.
Cimalis - juin 2025
Plateforme web Symfony de gestion de mandats de travaux : suivi des missions et sous-traitants, intégration de la base SIRENE, recherche d'adresses et génération de documents.
Le projet en détailCimalis - juillet 2021
Tracmi, CRM de prospection immobilière construit sur le cadastre : carte des parcelles, prospects et propriétaires, demandes de relevés au CDIF, pipeline de prospection.
Le projet en détail
STILLGEEK - janvier 2021
Application interne Airbus de gestion de demandes de contenu documentaire : archives, librairies, documentation, support terminologique.
Le projet en détailOutils Hotwire Turbo : un orchestrateur de cycle de vie côté navigateur et le suivi des redirections dans les frames côté Symfony.
Composants Twig UX aux couleurs de Tabler pour Symfony, composables sur le modèle de shadcn : alertes, cartes, modales, menus…
Les icônes Symfony UX Icons en JavaScript, React et Vue, avec les mêmes attributs et la même configuration que ux_icon().
Rarement. Pour une application métier, Symfony UX apporte la même fluidité en gardant les templates Twig existants : une seule base de code, une seule équipe, et pas d'API à maintenir uniquement pour l'interface. Nous réservons React aux écrans qui le justifient, comme un éditeur riche, et l'intégrons alors dans la page Symfony.
Turbo est une bibliothèque JavaScript qui intercepte les clics et les formulaires pour ne remplacer que le contenu de la page, sans rechargement complet. Avec les Turbo Frames, une partie de la page se met à jour seule ; avec les Turbo Streams, le serveur peut modifier plusieurs zones à la fois, y compris en temps réel via Mercure. Symfony UX Turbo l'intègre à Symfony.
Oui. Turbo s'active sur toute l'application, puis chaque écran est adapté à son rythme ; les écrans encore en jQuery continuent de fonctionner pendant la transition. Chaque étape est livrée en production séparément.
Symfony UX demande une version récente de Symfony et de PHP. La montée de version fait donc partie du plan, et c'est souvent la première étape : nous la menons de toute façon pour la sécurité de l'application.
Cela dépend du nombre d'écrans et de l'état du code. Nous commençons par un état des lieux, puis chiffrons lot par lot : navigation, composants communs, écrans prioritaires. Vous décidez de ce que vous lancez, et dans quel ordre.
Montrez-nous l'application et les écrans qui posent problème : nous vous proposons un plan de modernisation par étapes, chiffré.
