Codemods JavaScript et TypeScript

Un codemod est un script qui transforme du code source de façon automatique, en travaillant sur l'arbre syntaxique plutôt que sur du texte. Dans l'écosystème JavaScript et TypeScript, les outils de référence sont jscodeshift, ts-morph et ast-grep. Les grands frameworks livrent leurs propres codemods à chaque version majeure : React, Next.js, Material UI ou Angular fournissent des commandes qui réécrivent les imports, les API dépréciées et les patterns obsolètes.

Ce que ça apporte :

• Échelle : renommer une API utilisée dans des centaines de fichiers en une commande, de façon cohérente.
• Sécurité : la transformation est relue et testée une fois, puis appliquée partout ; un rechercher-remplacer manuel introduit des erreurs à chaque fichier.
• Rejouabilité : le codemod se relance sur les branches en cours, ce qui évite de bloquer l'équipe pendant la migration.
• Documentation vivante : le script décrit précisément ce qui a changé et pourquoi.

Chez Dernier Cri, nous mettons les codemods en exploration comme pratique à part entière de nos migrations front-end : montée de version de framework, passage de JavaScript à TypeScript, remplacement d'une bibliothèque de composants. Écrire un codemod n'a de sens qu'à partir d'un certain volume ; en dessous, la modification à la main avec une bonne couverture de tests reste plus rapide. Cette pratique s'inscrit dans notre offre Moderniser et refondre un produit digital, voir aussi notre conseil technologique.