# Ne pas confondre Classe interface Typescript et Objet JavaScript

Oui, JavaScript n'est pas TypeScript...

Ce week-end, lors d'une session de formation avec Kladriva sur les bonnes pratiques en #Angular et #TypeScript, j'ai abordé la notion des interfaces (oui, ces fameuses classes interfaces).

Lors de la session de code (les phases pratiques), une erreur revenait fréquemment chez plusieurs apprenants : confondre la déclaration d’un objet JavaScript avec la définition d’une interface TypeScript.

Exemple classique que j’ai vu passer :

interface SpotifyAuthResponse {
  access_token: string, 
  token_type: string, 
  expires_in: number, 
}

➡️ Résultat : une erreur TypeScript qui rappelle que les virgules , ne sont pas autorisées dans les interfaces. En TypeScript, une interface décrit une structure et utilise des points-virgules ;. Voici la version correcte :

interface SpotifyAuthResponse {
  access_token: string; 
  token_type: string; 
  expires_in: number; 
}

---

Pourquoi cette confusion ?

👉 L’habitude JavaScript ! En JavaScript, on écrit souvent des objets comme ça :

const spotifyAuthResponse = {
  access_token: 'xyz123',
  token_type: 'Bearer',
  expires_in: 3600,
};

Ce réflexe, bien ancré, peut facilement jouer des tours lorsqu’on passe à TypeScript. Mais il est important de comprendre la différence :

• Une interface est une description de la structure, pas une instance.
• Un objet est une instanciation concrète de données.

---

Leçon pour mes apprenants et tous les développeurs :

1️⃣ Prenez toujours le temps de relire vos interfaces. Une simple virgule peut bloquer tout votre code.
2️⃣ Apprenez à faire la distinction entre description (interface) et objet JSON.
3️⃣ Acceptez les erreurs comme des opportunités d’apprentissage. Même les développeurs confirmés tombent dans ce piège.

---

La formation ne se limite pas à coder, elle sert aussi à identifier et corriger ces petits réflexes qui peuvent ralentir notre progression. Et chez Kladriva, on est là pour accompagner, guider et partager ces apprentissages ensemble. 🚀

👉 Et vous, avez-vous déjà rencontré ce type d’erreur entre JavaScript et TypeScript ? Partagez vos expériences, ça peut toujours inspirer les autres !

#TypeScript #Angular #Mentoring #DéveloppementWeb #ApprentissageContinu #FormationKladriva