Bien que tRPC v11 soit prêt pour la production depuis longtemps via le tag @next, nous avons pris l'habitude d'ajouter constamment de nouvelles fonctionnalités sans nous astreindre strictement au versionnage sémantique. Aujourd'hui, nous sommes ravis d'enfin retirer le pansement et d'annoncer la sortie officielle de tRPC v11 !

Nous sommes ravis d'annoncer que la nouvelle intégration TanStack React Query pour tRPC est désormais disponible dans la version next de tRPC. Comparée à notre intégration classique de React Query, elle est plus simple et plus fidèle à l'esprit de TanStack Query. Elle utilise directement les interfaces QueryOptions et MutationOptions natives de TanStack React Query, plutôt que d'encapsuler useQuery et useMutation avec notre propre client.

Le pattern de builder pour créer des procédures introduit dans tRPC v10 a été massivement apprécié par la communauté, et de nombreuses bibliothèques ont adopté des patterns similaires. On voit même émerger le terme tRPC like XYZ comme preuve de la popularité croissante de ce pattern. Récemment, j'ai d'ailleurs vu quelqu'un se demander s'il était possible d'écrire des applications CLI avec une API similaire à tRPC. Note au passage : vous pouvez même utiliser tRPC directement pour cela. Mais ce n'est pas le sujet du jour. Nous allons plutôt parler d'utiliser tRPC avec les Server Actions de Next.js.

Vous êtes-vous déjà demandé comment fonctionne tRPC ? Peut-être souhaitez-vous contribuer au projet mais les rouages internes vous effraient ? L'objectif de cet article est de vous familiariser avec le fonctionnement interne de tRPC en écrivant un client minimal qui couvre les grandes parties de son fonctionnement.

En tant qu'auteurs de bibliothèques, notre objectif est d'offrir la meilleure expérience développeur (DX) possible à nos pairs. Réduire le délai de détection des erreurs et fournir des API intuitives allège la charge mentale des développeurs, leur permettant de se concentrer sur l'essentiel : une excellente expérience utilisateur final.

tRPC offre une excellente expérience développeur en imposant des liaisons de types strictes sur toute la stack grâce à la puissance de TypeScript. Plus de dérive du contrat d'API, plus de génération de code.

tRPC vous offre une sécurité de typage de bout en bout entre votre serveur (Node) et votre client, sans même déclarer de types. Sur le backend, vous retournez simplement des données dans une fonction, et sur le frontend vous utilisez ces données via le nom du endpoint.