Effektiv batching af requests

En af tRPC's bedste funktioner er automatisk batching af anmodninger. Når din klientkode foretager flere tRPC-kald hurtigt efter hinanden, samler tRPC dem intelligent i én enkelt HTTP-anmodning.

Du behøver ikke skrive særlig kode til dette; det virker automatisk fra starten!

tRPC samler anmodninger, der forekommer inden for samme "event loop-tick" eller et meget kort tidsinterval. Det betyder, at hvis du kalder to forskellige tRPC-forespørgsler lige efter hinanden, bliver de sandsynligvis samlet i én anmodning.

Hvis du for eksempel har to useQuery-kald i en React-komponent, der renderes samtidig, samler tRPC dem.

Lad os se på, hvordan flere klientkald bliver til én netværksanmodning. Forestil dig, at din React-komponent skal bruge to forskellige oplysninger om en bruger:

// 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
}

Selvom du kalder useQuery to gange, sender tRPC dem som én samlet anmodning til din server.

Hvis du åbner din browsers udviklerværktøjer og går til fanen "Netværk", vil du se noget interessant:

• I stedet for to separate anmodninger til user.getById?id=1 og user.getById?id=2 vil du kun se én anmodning.
• Denne ene anmodning går typisk til et særligt batching-slutpunkt, ofte med et navn som /api/trpc/user.getById,user.getById.
• Svaret indeholder resultaterne for begge forespørgsler.

Automatisk batching af anmodninger giver flere fordele:

• Mindre forsinkelse: Færre tur-retur-kommunikationer betyder hurtigere datahentning.
• Mindre overhead: Der bruges mindre tid på at oprette og lukke forbindelser.
• Effektiv brug af serveren: Servere kan behandle flere relaterede opgaver mere effektivt.
• Enklere kode: Du skal ikke håndtere batching manuelt; tRPC tager sig af det.

Når tRPC modtager en samlet anmodning, gør den følgende:

1. Fortolker den ene indgående HTTP-anmodning.
2. Finder alle de individuelle procedurer, der er inkluderet i samlingen.
3. Udfører hver procedure, ofte parallelt hvis de er uafhængige.
4. Kombinerer resultaterne fra alle procedurer til ét samlet svar.

Det sikrer, at serveren også får fordel af den optimerede anmodning.

Selvom tRPC's automatiske batching er fremragende, kan der være sjældne tilfælde, hvor du vil deaktivere eller konfigurere den. Det kan for eksempel være, hvis du har meget langvarige forespørgsler, som du foretrækker at udføre separat.

Du kan konfigurere batching-indstillingerne, når du opsætter din tRPC-klient, men for de fleste apps er standardadfærden optimal.

Godt klaret! I denne lektion undersøgte vi tRPC's automatiske batching af anmodninger.

• Vi lærte, hvordan tRPC kombinerer flere klientforespørgsler til én netværksanmodning.
• Det reducerer netværksoverhead og forsinkelse og forbedrer appens samlede ydeevne.
• Batching sker automatisk for anmodninger, der foretages inden for samme event loop-tick.

Denne effektive funktion forenkler din kode og gør dine apps hurtigere uden ekstra arbejde!