Traditional API approaches like OpenAPI and GraphQL require learning new specifications and running code generation steps, which can be cumbersome.
tRPC is a popular library that enables sharing types between a client and server without schemas by leveraging TypeScript's built-in type inference.
The setup involves installing client and server packages, creating a main app router that combines business logic, and exporting its inferred type for the client.
Changing a backend procedure's name or parameters instantly triggers a TypeScript error in the frontend code, preventing broken APIs from being shipped.
By inspecting network requests and using breakpoints, you can trace how the client calls the server via HTTP and how the server library resolves and executes your backend functions.
tRPC eliminates code generation and improves collaboration but requires a full TypeScript stack and manual handling for API versioning or public APIs.
Use tools like grep.app to search open source projects like cal.com and learn advanced patterns, such as implementing custom authentication middleware.
Bootstrap a new project using create-t3-app and handle separate client/server repositories by publishing the shared router type as a private NPM package.
Sensory-Minds GmbH
Offenbach am Main, Germany
Bitpanda
Vienna, Austria
27:17Bastian Eicher
25:53Noam Honig
37:18Tal Joffe
28:55James Seconde
41:06David Leitner
29:17Marco Podien
28:16Alexis Yushin
20:29Simon Auer
Jobs that call for the skills explored in this talk.
Gcp Prisma
Broughton, United Kingdom
Client Server
Burnham, United Kingdom
Provectus
Andrew Nguyen
