TypeScript sur GitHub : 7 dépôts qui amélioreront votre code

Pourquoi TypeScript est le nouveau standard, et où trouver le meilleur code ?

Si vous écrivez en JavaScript et que vous n'êtes pas encore passé à TypeScript, vous perdez du temps. Sérieusement. TypeScript (ou TS) n'est pas simplement une « surcouche » de JS. C'est un typage strict, l'autocomplétion, la refactorisation sans peur de tout casser et, bien sûr, le code source ouvert que l'on peut (et doit) étudier.

Dans cet article, nous n'allons pas expliquer comment installer TypeScript. Au lieu de cela, nous allons nous rendre sur GitHub et analyser 7 meilleurs dépôts qui non seulement montrent des solutions élégantes, mais vous aident également à écrire un code plus propre, plus sûr et plus évolutif. Chaque projet est un tutoriel écrit avec du code réel.

Que recherchons-nous dans les dépôts ?

\n
• Les patrons architecturaux — comment construire un projet pour ne pas avoir envie de le supprimer au bout d'un mois.
\n
• Des exemples de typage strict — là où TS se manifeste à 100%.
\n
• Une utilité réelle — des bibliothèques que vous pouvez utiliser dès maintenant.
\n

C'est parti !

1. NestJS — un framework pour des applications sérieuses

Dépôt : github.com/nestjs/nest

NestJS est sans doute le framework le plus élégant en TypeScript. Il emprunte des idées à Angular (modules, décorateurs, DI) et transforme le code serveur en une œuvre d'art.

Pourquoi l'étudier :

\n
• Une séparation claire en modules.
\n
• Support intégré de GraphQL, WebSockets, RabbitMQ.
\n
• Une documentation exemplaire.
\n

Exemple de code du dépôt (contrôleur et service) :

// cats.controller.ts\nimport { Controller, Get, Post, Body } from '@nestjs/common';\nimport { CatsService } from './cats.service';\nimport { CreateCatDto } from './dto/create-cat.dto';\nimport { Cat } from './interfaces/cat.interface';\n\n@Controller('cats')\nexport class CatsController {\n  constructor(private catsService: CatsService) {}\n\n  @Post()\n  async create(@Body() createCatDto: CreateCatDto) {\n    this.catsService.create(createCatDto);\n  }\n\n  @Get()\n  async findAll(): Promise<Cat[]> {\n    return this.catsService.findAll();\n  }\n}\n

Remarquez les décorateurs @Controller, @Get et l'interface stricte Cat. Ce n'est pas simplement du code — c'est un modèle sur lequel des centaines de milliers de projets sont construits.

2. Prisma — un ORM qui n'énerve pas

Dépôt : github.com/prisma/prisma

Prisma est un ORM (Object-Relational Mapping) moderne pour TypeScript et Node.js. Il génère automatiquement les types à partir de votre schéma de base de données. Cela signifie qu'une erreur de type « champ inexistant » sera détectée à la compilation, et non à l'exécution.

Ce que vous en retirerez : l'approche « Schema-first » et l'autogénération de types.

Exemple tiré de la documentation :

// schema.prisma\nmodel User {\n  id    Int     @id @default(autoincrement())\n  email String  @unique\n  name  String?\n  posts Post[]\n}\n\nmodel Post {\n  id        Int     @id @default(autoincrement())\n  title     String\n  content   String?\n  author    User    @relation(fields: [authorId], references: [id])\n  authorId  Int\n}\n\n// usage.ts\nimport { PrismaClient } from '@prisma/client';\n\nconst prisma = new PrismaClient();\n\nasync function main() {\n  const user = await prisma.user.create({\n    data: {\n      email: 'alice@prisma.io',\n      name: 'Alice',\n      posts: {\n        create: { title: 'Hello World' },\n      },\n    },\n  });\n  console.log(user);\n}\n

Prisma est l'exemple parfait de la façon dont TypeScript peut rendre le travail avec les données sûr et rapide.

3. RxJS — réa