Modèles de conception en TypeScript : quand ils sauvent un projet et quand ils gênent

Modèles de conception en TypeScript : quand et pourquoi

Imaginez que vous construisez une maison. Vous pouvez poser les briques n'importe comment, et elle ne s'effondrera probablement pas. Mais sera-t-il agréable d'y vivre ? Pas vraiment. L'architecture logicielle, c'est la même construction, sauf qu'au lieu de briques, ce sont des classes et des fonctions. Les modèles de conception en TypeScript sont des plans éprouvés pour des problèmes architecturaux typiques. Mais, comme tout outil, il faut les utiliser avec discernement.

Dans cet article, nous ne allons pas répéter la théorie sèche des livres du GoF (Gang of Four). Au lieu de cela, nous allons voir quels modèles de conception TypeScript sont réellement nécessaires dans le développement moderne, quand ils sauvent un projet et quand ils ajoutent seulement des maux de tête. C'est parti !

Pourquoi TypeScript change-t-il la donne ?

Avant de plonger dans les modèles, rappelons la principale caractéristique de TypeScript : le typage statique. En JavaScript, nous utilisions souvent des modèles pour compenser la nature dynamique du langage. Par exemple, la Méthode de Fabrique (Factory Method) permettait de masquer la complexité de la création d'objets. En TypeScript, cette complexité est souvent résolue simplement par des interfaces et des génériques.

Mais cela ne signifie pas que les modèles sont morts. Au contraire, TypeScript les rend plus expressifs et plus sûrs. Le compilateur vérifie que vous avez correctement implémenté la structure et vous empêche de faire une erreur stupide. C'est là que TypeScript révèle la puissance des modèles GoF.

Top 5 des modèles que vous utiliserez le plus souvent

1. Singleton — quand un seul suffit, et deux sont de trop

Quand l'utiliser : Vous avez besoin d'exactement une instance d'une classe pour toute l'application. Les exemples classiques sont le logger, la configuration de l'application, la connexion à la base de données.

Pourquoi en TypeScript : TypeScript permet de rendre le Singleton thread-safe et type-safe. Sans lui, vous risquez de multiplier des dizaines d'objets qui gaspilleront de la mémoire et perturberont l'état.

Exemple de code :

class DatabaseConnection {\n    private static instance: DatabaseConnection;\n    private connectionString: string;\n\n    private constructor(connectionString: string) {\n        this.connectionString = connectionString;\n        // Simulation de connexion\n        console.log(`Connexion à ${connectionString}`);\n    }\n\n    static getInstance(connectionString: string): DatabaseConnection {\n        if (!DatabaseConnection.instance) {\n            DatabaseConnection.instance = new DatabaseConnection(connectionString);\n        }\n        return DatabaseConnection.instance;\n    }\n\n    query(sql: string): void {\n        console.log(`Exécution de la requête : ${sql}`);\n    }\n}\n\n// Utilisation\nconst db = DatabaseConnection.getInstance('postgres://localhost:5432/mydb');\ndb.query('SELECT * FROM users');\n\n// Tentative de créer une autre connexion renvoie la même instance\nconst db2 = DatabaseConnection.getInstance('postgres://localhost:5432/mydb');\nconsole.log(db === db2); // true

Anti-modèle : Ne faites pas un Singleton pour le plaisir. Si l'objet peut exister en plusieurs instances avec des états différents (par exemple, différentes connexions à différentes bases de données), alors le Singleton est un mal.

2. Factory Method (Méthode de Fabrique) — création d'objets sans douleur

Quand l'utiliser : Vous ne savez pas à l'avance quel objet exactement doit être créé. Ou le processus de création est complexe et nécessite une logique.

Pourquoi en TypeScript : La Méthode de Fabrique se marie parfaitement avec les interfaces et les génériques. Vous obtenez de la flexibilité sans perdre les types.

Exemple de code :

// Produit abstrait\ninterface Notification {\n    send(message: string): void;\n}\n\n// Produits concrets\nclass EmailNotification implements Notification {\n    send(message: string): void {\n        console.log(`Envoi d'email : ${message}`);\n    }