Effektiv batchning av anrop

En av tRPC:s mest imponerande funktioner är automatisk batchning av begäranden. När klientkoden gör flera tRPC-anrop efter varandra inom kort tid samlar tRPC på ett intelligent sätt ihop dem till en enda HTTP-begäran.

Ni behöver inte skriva någon särskild kod för detta – det fungerar direkt utan extra konfiguration!

tRPC batchar begäranden som sker inom samma "event loop-tick" eller under ett mycket kort tidsintervall. Det innebär att om ni anropar två olika tRPC-frågor direkt efter varandra kommer de sannolikt att batchas.

Om ni till exempel har två useQuery-anrop i en React-komponent som renderas samtidigt kommer tRPC att batcha dem.

Vi ska titta på hur flera klientanrop blir till en enda nätverksbegäran. Föreställ er att er React-komponent behöver två olika uppgifter om användare:

// Client-side React/Next.js example
import { trpc } from './utils/trpc';

function UserProfile() {
  const { data: user1 } = trpc.user.getById.useQuery({ id: '1' });
  const { data: user2 } = trpc.user.getById.useQuery({ id: '2' });

  // ... render user data
}

Trots att ni anropar useQuery två gånger skickar tRPC dem som en enda batchad begäran till er server.

Om ni öppnar webbläsarens utvecklarverktyg och går till fliken "Network" ser ni något intressant:

• I stället för två separata begäranden för user.getById?id=1 och user.getById?id=2 ser ni bara en begäran.
• Den här enda begäran går vanligtvis till en särskild batchnings-endpoint, som ofta har ett namn i stil med /api/trpc/user.getById,user.getById.
• Svaret innehåller resultatet för båda frågorna.

Automatisk batchning av begäranden ger flera fördelar:

• Minskad latens: Färre tur- och returresor innebär snabbare datahämtning.
• Mindre overhead: Mindre arbete med att upprätta och avsluta anslutningar.
• Effektivare serveranvändning: Servrar kan bearbeta flera relaterade uppgifter mer effektivt.
• Enklare kod: Ni behöver inte hantera batchning manuellt – tRPC sköter det.

När tRPC tar emot en batchad begäran:

1. Tolkar den inkommande HTTP-begäran.
2. Identifierar alla individuella procedurer som ingår i batchen.
3. Kör varje procedur, ofta parallellt om de är oberoende av varandra.
4. Kombinerar resultaten från alla procedurer till ett enda svar.

Detta gör att servern också drar nytta av den optimerade begäran.

Även om tRPC:s automatiska batchning är utmärkt kan det i sällsynta fall finnas skäl att inaktivera eller konfigurera den. Det kan till exempel vara om ni har frågor som tar mycket lång tid att köra och som ni föredrar att köra separat.

Ni kan konfigurera batchningsalternativen när ni konfigurerar er tRPC-klient, men för de flesta applikationer är standardbeteendet optimalt.

Bra jobbat! I den här lektionen har vi gått igenom tRPC:s automatiska batchning av begäranden.

• Vi lärde oss hur tRPC kombinerar flera klientfrågor till en enda nätverksbegäran.
• Detta minskar nätverksoverhead och latens samt förbättrar applikationens övergripande prestanda.
• Batchning sker automatiskt för begäranden som görs inom samma event loop-tick.

Den här kraftfulla funktionen förenklar koden och gör applikationerna snabbare utan extra arbete!