Je vais migrer votre front-end jQuery ou React hérité vers React moderne ou Next.js, page par page

Certains produits fonctionnent et génèrent des revenus, mais leur front-end est devenu difficile à modifier: jQuery réparti sur des modèles, des composants de classe React datant d'années, ou une application Next.js toujours sur le Pages Router. Une réécriture complète fige le produit pendant des mois. Je fais l'inverse: l'ancien et le nouveau code fonctionnent côte à côte, et les pages sont déplacées une par une, de sorte qu'il n'y a jamais de grand jour de basculement pour vos utilisateurs.

J'ai fait exactement cela sur un projet passé sous NDA: un front-end jQuery a été déplacé vers React page par page pendant que le produit restait en ligne.

Le forfait de démarrage vous donne le plan: je lis l'ancien front-end, cartographie ses pages et ses éléments partagés, liste les risques et migre une petite page comme échantillon de travail de l'approche. Le forfait standard déplace jusqu'à trois pages ou écrans. Le forfait avancé déplace jusqu'à huit pages, construit les composants partagés dont elles ont besoin et les couvre avec des types TypeScript pour leurs données et des tests pour les flux principaux.

Ce qui reste: votre backend, vos URL et le comportement que les utilisateurs connaissent. Ce qui change: la façon dont le code est organisé, de sorte que la prochaine fonctionnalité est écrite une seule fois, au même endroit. Pendant 14 jours après la livraison, je corrige gratuitement tout ce qui ne fonctionne pas comme convenu.

L'ordre des pages et le plan sont convenus dans le chat de commande, sans appels. Chaque page migrée est livrée seule, et vous recevez une note de statut écrite chaque jour ouvrable.

Étapes pour la réalisation de votre projet
1. Cartographier l'ancien front-end - Je passe en revue les modèles, les scripts et les composants, et liste les pages, les parties partagées et tout ce qui est risqué, comme l'état global ou les scripts en ligne.
2. Convenir de l'ordre - Vous obtenez un plan écrit: quelle page passe en premier, ce qui est déplacé avec elle, et comment l'ancien et le nouveau code partagent le produit tant que les deux existent.
3. Pont - Le nouveau code React ou Next.js est configuré à côté de l'ancien code, avec un routage qui envoie chaque page au côté qui la possède.
4. Déplacer les pages une par une - Chaque page est reconstruite, comparée à l'ancienne version et basculée seule, de sorte qu'un problème affecte une page, pas le produit.
5. Transfert - Les pages migrées, le plan mis à jour pour ce qui reste, et une courte note sur les modèles à suivre pour les pages suivantes.