TypeScript : Guide complet de préparation à l'entretien

Pourquoi TypeScript est un must-have pour le développeur moderne ?

Si vous avez ouvert cet article, c'est que vous savez déjà que TypeScript n'est pas simplement un « sur-ensemble de JavaScript », mais un outil à part entière qui sauve les cellules nerveuses et les serveurs de production. Lors des entretiens en 2025, la connaissance de TypeScript est testée dans près de 80% des offres d'emploi de niveau middle+. Et il ne s'agit pas d'écrire const a: number = 5. Les recruteurs veulent voir une compréhension du système de types, des génériques et la capacité à concevoir une architecture sécurisée.

Dans cet article, nous analyserons les questions les plus fréquentes lors d'un entretien TypeScript, qui sont réellement posées dans les meilleures entreprises. Vous obtiendrez non seulement de la théorie, mais aussi des exemples de code TypeScript que vous pourrez immédiatement utiliser dans vos projets personnels. C'est parti !

1. Les bases : types, interfaces et différence entre eux

Le premier bloc de questions est fondamental. Le recruteur veut s'assurer que vous ne confondez pas type et interface.

Quand utiliser type et quand utiliser interface ?

Question classique. Retenez une règle simple :

\n
• Interface — pour les objets qui peuvent être étendus (declaration merging). Utilisez pour les API, DTO, props de composants.
\n
• Type — pour les unions, les intersections, les primitifs et les tuples.
\n

Exemple tiré d'un entretien réel :

// Interface — extensible\ninterface User {\n    id: number;\n    name: string;\n}\n\ninterface AdminUser extends User {\n    role: 'admin';\n}\n\n// Type — union\ntype Status = 'active' | 'inactive' | 'banned';\ntype ApiResponse<T> = {\n    data: T;\n    error?: string;\n};

Important : Ne dites jamais « interface est mieux parce qu'il est plus rapide ». La différence de performance est microscopique. L'essentiel est la sémantique.

2. Les génériques : comment ne pas se ridiculiser en entretien

Le sujet des génériques en TypeScript est le point sensible préféré des juniors. Les recruteurs adorent demander d'écrire une fonction qui prend un tableau et retourne le premier élément avec le bon type.

Écrire une fonction générique

function getFirst<T>(arr: T[]): T | undefined {\n    return arr[0];\n}\n\nconst num = getFirst([1, 2, 3]); // number\nconst str = getFirst(['a', 'b']); // string

Maintenant, complexifions — limitons le générique avec extends :

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {\n    return obj[key];\n}\n\nconst user = { name: 'Alice', age: 30 };\ngetProperty(user, 'name'); // OK: string\ngetProperty(user, 'email'); // Error: 'email' ne fait pas partie de keyof

Ce motif se retrouve dans un projet sur deux utilisant React + TypeScript. Entraînez-vous absolument à écrire des génériques pour TypeScript dans vos propres projets.

3. Utility Types : votre arsenal secret

La connaissance des types utilitaires intégrés est un signe de professionnalisme. Le recruteur peut demander : « Comment rendre tous les champs optionnels ? » ou « Comment sélectionner seulement une partie d'une interface ? ».

Top 5 des utility types à connaître

\n
• Partial<T> — tous les champs deviennent optionnels ;
\n
• Required<T> — tous les champs sont obligatoires ;
\n
• Pick<T, K> — sélectionne uniquement les clés spécifiées ;
\n
• Omit<T, K> — exclut les clés spécifiées ;
\n
• Record<K, V> — crée un type d'objet avec les clés K et les valeurs V.
\n

Exemple souvent donné en entretien :

interface Todo {\n    title: string;\n    description: string;\n    completed: boolean;\n    createdAt: Date;\n}\n\n// Mise à jour d'une partie seulement de Todo\nfunction updateTodo(todo: Todo, fieldsToUpdate: Partial<Todo>) {\n    return { ...todo, ...fieldsToUpdate };\n}\n\n// Création d'un dictionnaire\nconst