TypeScript 5 : les nouveautés qui transforment le développement web

TypeScript 5 marque une étape majeure dans l'évolution du langage : décorateurs standardisés, paramètres de type const, mode bundler et gains de performance significatifs. Ces améliorations changent concrètement la façon dont les développeurs structurent leurs projets Angular, React ou Node.js au quotidien.

Les décorateurs enfin standardisés

Après des années d'expérimentation avec une API "legacy", TypeScript 5 adopte la spécification officielle TC39 des décorateurs JavaScript. Cette refonte profonde signifie que les décorateurs ne sont plus expérimentaux : ils peuvent décorer des classes, des méthodes, des accesseurs et des champs avec une syntaxe cohérente et prévisible. Pour les développeurs Angular, qui utilisent massivement @Component, @Injectable ou @Input, cette standardisation garantit une meilleure compatibilité avec les outils de build modernes et les transpileurs comme esbuild ou Vite. Elle ouvre également la voie à des patterns de métaprogrammation plus robustes dans les librairies tierces.

Const Type Parameters : l'inférence de types au niveau supérieur

TypeScript 5 introduit le modificateur const sur les paramètres de type générique, permettant à TypeScript d'inférer des types littéraux au lieu de types larges. Concrètement, une fonction function identity<const T>(value: T): T appelée avec un tableau comme ['a', 'b', 'c'] retourne désormais le type readonly ['a', 'b', 'c'] au lieu du générique string[]. Cette fonctionnalité est particulièrement puissante pour construire des APIs fortement typées, des routers type-safe ou des systèmes de configuration où la précision des types littéraux élimine des catégories entières de bugs à la compilation. Les librairies comme tRPC ou Zod en tirent déjà parti pour offrir des expériences développeur remarquables.

Le mode Bundler : aligner TypeScript sur les outils modernes

Le nouveau moduleResolution: "bundler" dans tsconfig.json est une réponse directe à l'essor de Vite, esbuild, Rollup et Parcel. Ces bundlers ont leurs propres règles de résolution de modules qui ne correspondent ni au mode node ni au mode node16. Avec ce nouveau mode, TypeScript autorise les imports sans extension de fichier tout en supportant les champs exports dans package.json, ce qui correspond à ce que font réellement ces outils au moment du build. Cette option réduit les frictions de configuration et supprime de nombreux faux positifs d'erreur dans les projets utilisant des bundlers modernes, en particulier les projets Angular 17+ ou les applications React construites avec Vite.

Performances du compilateur : des gains mesurables

TypeScript 5 apporte des améliorations substantielles des performances du compilateur tsc. Sur des bases de code larges, les temps de build peuvent être réduits de 10 à 25 % grâce à des optimisations internes du moteur d'inférence de types et à une meilleure gestion de la mémoire. La restructuration interne du compilateur pour utiliser des modules ES natifs a également permis de réduire la taille du package npm de TypeScript lui-même. Pour les équipes qui souffrent de cycles de feedback longs en mode watch, ces améliorations se traduisent par une expérience de développement plus fluide, notamment en combinaison avec le mode incremental et les project references pour les monorepos.