TypeScript est devenu incontournable dans l'ecosysteme JavaScript. Voici 10 astuces pour tirer le meilleur parti du typage statique et ecrire du code plus sur.
Utilisez 'unknown' au lieu de 'any'
Le type 'unknown' est une alternative plus sure a 'any'. Il force la verification de type avant utilisation.
// Mauvais
function processValue(value: any) {
return value.toUpperCase();
}
// Bon
function processValue(value: unknown) {
if (typeof value === 'string') {
return value.toUpperCase();
}
throw new Error('Expected string');
}Type Guards personnalises
Creez des type guards pour des verifications de type reutilisables et type-safe.
interface User {
id: string;
name: string;
}
function isUser(obj: unknown): obj is User {
return (
typeof obj === 'object' &&
obj !== null &&
'id' in obj &&
'name' in obj
);
}Utility Types
Maitrisez les utility types comme Partial, Pick, Omit, et Record pour manipuler les types efficacement.
interface User {
id: string;
name: string;
email: string;
age: number;
}
// Ne garder que certains champs
type UserPreview = Pick<User, 'id' | 'name'>;
// Rendre tous les champs optionnels
type PartialUser = Partial<User>;
// Exclure des champs
type UserWithoutAge = Omit<User, 'age'>;Const Assertions
Utilisez 'as const' pour des types litteraux plus precis.
// Type: string[]
const colors1 = ['red', 'blue', 'green'];
// Type: readonly ['red', 'blue', 'green']
const colors2 = ['red', 'blue', 'green'] as const;Conclusion
Ces astuces TypeScript vous aideront a ecrire du code plus robuste et maintenable. Le typage statique peut sembler verbeux au debut, mais il previent de nombreux bugs en production.
