Jump to content

TypeScript

Construisez des filets de sécurité, pas des garde-fous

Avatar of @t3dotgg
Theo - auteur de la T3 Stack @t3dotgg

Que vous soyez un développeur débutant ou chevronné, nous pensons que TypeScript est indispensable. Cela peut sembler intimidant au début, mais tout comme beaucoup d’outils, c’est quelque chose dont beaucoup ne garderont de mauvais souvenirs après avoir commencé à l’utiliser.

Il fournit des commentaires en direct lorsque vous écrivez votre code en définissant les types de données attendus, et fournit soit une saisie semi-automatique dans votre éditeur de code, soit vous crie dessus avec des lignes ondulées rouges si vous essayez d’accéder à une propriété qui n’existe pas ou essayez de passez une valeur du mauvais type, que vous auriez sinon à déboguer plus tard, en ligne.

C’est peut-être l’outil qui offre le plus de productivité aux développeurs. Il fournit la documentation de votre code lorsque vous l’écrivez ou le consommez dans votre éditeur en vous donnant une information directe car vous pouvez faire des erreurs et ceci est absolument inestimable.

Inférence de type

Alors que de nombreux nouveaux développeurs TypeScript sont concernés par écrire du TypeScript, bon nombre de ses avantages ne vous obligent pas à modifier votre code, en particulier l’inférence. L’inférence signifie que si quelque chose est typé, ce type le suivra tout au long du flux de l’application sans avoir à être redéclaré à d’autres endroits. Cela signifie que, par exemple, une fois que vous avez défini les types d’arguments qu’une fonction prend, le reste de la fonction sera généralement typesafe sans nécessiter d’autre code spécifique à TypeScript. Les développeurs de librairies consacrent une tonne de travail à la maintenance des types de celles-ci, ce qui signifie que nous, en tant que développeurs d’applications, pouvons bénéficier à la fois de l’inférence et de la documentation intégrée dans notre éditeur de code grâce aux types que fournissent ces librairies.

Regardez la vidéo de Theo sur la façon dont vous utilisez peut-être mal TypeScript↗.

Utilisations puissantes de l’inférence de type

Zod

Zod↗ est une librairie de validation de schéma construite avec TypeScript. Écrivez un schéma qui représente une source unique de vérité pour vos données, et Zod s’assurera que vos données sont valides dans toute votre application, même au-delà des limites du réseau et des API externes.

Tanstack Query

Tanstack Query↗ vous propose des requêtes et des mutations déclaratives, toujours à jour et autogérées, qui améliorent directement votre expériences de développeur et d’utilisateur.

Ressources utiles

RessourceLien
Manuel TypeScripthttps://www.typescriptlang.org/docs/handbook/↗
Tutoriel TypeScript pour débutantshttps://github.com/total-typescript/beginners-typescript-tutorial↗
Défis de Typehttps://github.com/type-challenges/type-challenges↗
Rodney Mullen of TypeScript (Matt Pocock) Youtube Channelhttps://www.youtube.com/c/MattPocockUk/videos↗