Sencha Ext JS reste une excellente technologie frontend, et vous avez toujours cette grosse application, qui fonctionne encore très bien mais qui devient lentement obsolète avec un risque croissant de ne pas être prise en charge par les nouveaux navigateurs Web ou le nouveau matériel (dette technique).
Bien sûr, vous pouvez tout réécrire à partir de zéro dans une technologie plus récente si vous avez le temps et le budget pour le faire.
Néanmoins chez Jnesis, nous aidons nos clients avec des stratégies plus efficaces qui peuvent permettre une transition beaucoup plus douce d’Ext JS vers des frameworks frontaux modernes (par exemple, React, Angular).
La stratégie "Ext JS en tant qu'hôte pour des composants modernes"
Conservez votre application Ext JS existante et intégrez-y progressivement des composants modernes (par exemple React). De cette façon, vous pouvez migrer progressivement les anciens écrans et même en ajouter de nouveaux dans une technologie moderne tout au long du processus.
La dernière étape est atteinte lorsque tous les écrans sont migrés, vous pouvez alors vous débarrasser complètement de la partie Ext JS et remplacer l’application hôte dans la technologie moderne ciblée.
Stratégie "une application moderne en tant qu'hôte pour des composants Ext JS"
Créez une nouvelle application moderne (par exemple Angular) et intégrez-y immédiatement vos écrans et composants Ext JS. Cette première étape est un peu chronophage, mais une fois réalisée, vous serez en mesure de migrer progressivement les anciens écrans tout en ajoutant de nouveaux directement dans la technologie moderne cible.
Une fois tous les écrans migrés, il ne restera plus qu’à supprimer la bibliothèque Ext JS.
La stratégie "microfrontend"
Utiliser un framework microfrontend comme hôte pour combiner plusieurs technologies frontales.
Le microfrontend sera responsable de la coordination des échanges de données entre les composants et les écrans issus de différentes technologies (par exemple Ext JS, React, Angular, …).
Comme pour les autres stratégies, il est recommandé de remplacer progressivement les composants Ext Js par des composants modernes.
Le résultat final n’est pas une application React ou Angular, c’est une application microfrontend qui utilise React et/ou Angular pour chaque partie de l’écran.
Résumé et conclusion, différentes stratégies pour migrer d'ExtJS vers un autre framework
| hôte Ext JS | hôte moderne | hôte microfrontend | |
| Première étape | Rapide | Plus lent | Plus lent |
| Échange de données entre Ext JS et la technologie moderne | Géré manuellement | Géré manuellement | Géré par le framework de microfrontend |
| Système de build | Géré manuellement, il peut s’avérer compliqué sur les anciennes versions d’Ext JS d’intégrer un build moderne | Géré manuellement | Généralement facilité par le framework de microfrontend qui est destiné à être utilisé avec des technologies hétérogènes. |
| Dernière étape | Plus lent | Rapide | Rapide |
| Risque principal | Vous continuez à exécuter une véritable application Ext JS jusqu’à la toute fin du processus de migration | Le microfrontend en lui-même pourrait également devenir obsolète et se transformer en dette technique |
En tant qu’expert Extjs, Jnesis a réalisé eu des résultats très impressionnants avec ExtJS en fournissant des applications de tailles conséquentes à nos clients pour un coût proportionnellement raisonnable.
Aujourd’hui, le monde évolue vers des frameworks frontaux plus « modernes » et vous devriez éviter d’augmenter toute dette technique qui pourrait devenir insupportable et même dangereuse.
N’hésitez pas à contacter nos experts ExtJS pour échanger sur les stratégies évoquées plus haut et comment nous pouvons vous aider à les mettre en oeuvre ou directement effectuer la migration pour vous, sans vous ruiner et sans bloquer votre projet pendant des mois voire des années.
