Aller au contenu principal
Version : 10.x
Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

Client tRPC

Le client "Vanilla" tRPC vous permet d'appeler vos procédures d'API comme s'il s'agissait de fonctions locales, offrant ainsi une expérience de développement fluide.

ts
import type { AppRouter } from '../path/to/server/trpc';
const bilbo = await client.getUser.query('id_bilbo');
// => { id: 'id_bilbo', name: 'Bilbo' };
ts
import type { AppRouter } from '../path/to/server/trpc';
const bilbo = await client.getUser.query('id_bilbo');
// => { id: 'id_bilbo', name: 'Bilbo' };

Quand utiliser le client Vanilla ?​

Vous utiliserez probablement ce client dans deux scénarios :

  • Avec un framework frontend pour lequel nous n'avons pas d'intégration officielle

  • Avec un service backend séparé écrit en TypeScript.

Quand ne pas utiliser le client Vanilla ?​

  • Bien que vous puissiez utiliser ce client pour appeler des procédures depuis un composant React, nous recommandons généralement d'utiliser notre Intégration React Query. Elle offre de nombreuses fonctionnalités supplémentaires comme la gestion des états de chargement et d'erreur, la mise en cache et l'invalidation.

  • Nous déconseillons d'utiliser ce client pour appeler des procédures de la même instance d'API, car l'appel doit traverser la couche réseau. Pour des recommandations complètes sur l'appel de procédures dans l'API actuelle, vous pouvez en savoir plus ici.