Sofiane Boumedine Lexique Dev

Template Literal Types

TypeScript 🔴 Senior

Type : Concept

Definition

Les template literal types construisent des types string a partir de templates. Combines avec les unions, ils generent automatiquement toutes les combinaisons possibles.

Analogie

Un generateur d'etiquettes automatique : a partir de listes de prefixes et suffixes, il cree toutes les etiquettes possibles.

Exemple de code

type Color = class="str">'red' | class="str">'blue';
type Size = class="str">'sm' | class="str">'lg';
type ClassName = class="str">`${Color}-${Size}`;
class="cmt">// class="str">'red-sm' | class="str">'red-lg' | class="str">'blue-sm' | class="str">'blue-lg'

Cas d'usage

Typer les noms d'evenements, les classes CSS ou les routes d'API de maniere exhaustive.

coreinterview-question