What if your API schema was just... TypeScript? See how tRPC delivers end-to-end typesafety with zero code generation or overhead.
#1about 3 minutes
Understanding the problem of API schema fatigue
Traditional API approaches like OpenAPI and GraphQL require learning new specifications and running code generation steps, which can be cumbersome.
#2about 2 minutes
Introducing tRPC for end-to-end type safety
tRPC is a popular library that enables sharing types between a client and server without schemas by leveraging TypeScript's built-in type inference.
#3about 4 minutes
Live demo of setting up a tRPC server
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.
#4about 3 minutes
Demonstrating type safety between client and server
Changing a backend procedure's name or parameters instantly triggers a TypeScript error in the frontend code, preventing broken APIs from being shipped.
#5about 6 minutes
Debugging tRPC communication and server execution
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.
#6about 2 minutes
Analyzing the pros and cons of using tRPC
tRPC eliminates code generation and improves collaboration but requires a full TypeScript stack and manual handling for API versioning or public APIs.
#7about 3 minutes
Learning from real-world open source examples
Use tools like grep.app to search open source projects like cal.com and learn advanced patterns, such as implementing custom authentication middleware.
#8about 4 minutes
Getting started and handling different project setups
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.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
02:01 MIN
Connecting the frontend with type-safe APIs
End-to-End TypeScript: Completing the Modern Development Stack
03:38 MIN
Building type-safe backends and APIs
End-to-End TypeScript: Completing the Modern Development Stack
08:13 MIN
Building end-to-end type-safe full-stack applications
Don't compromise on speedy delivery nor type-safety by choosing TypeScript
02:52 MIN
Tracing the evolution of APIs from RPC to GraphQL
The Great API Debate: REST, GraphQL, or gRPC?
04:29 MIN
An overview of gRPC fundamentals and its trade-offs
gRPC Load Balancing Deep Dive
04:45 MIN
Achieving type safety in the database layer
End-to-End TypeScript: Completing the Modern Development Stack
01:53 MIN
Combining resource-oriented design with RPC in gRPC
Designing gRPC APIs - The things they don't tell you
02:21 MIN
Architectural differences between REST, GraphQL, and gRPC
Next.js App Router: ExplainedIntroductionVercel’s Next.js has come a long way since its initial release in 2016. What would become the most popular React framework (according to their own website, at least), started as a simple solution for handling routing, SEO optimisation and...
I have a stream! Why it’s definitely worth speaking at tech conferences.Giving talks at certain events is a longed-for goal for many developers. For a good reason: it is the perfect opportunity to share your expertise and passion for a specific topic, help others learn from your mistakes, drive awareness of your solution...
Chris Heilmann
Processing 175 WeAreDeveloper World Congress talk videos in 5 hours - with PHP?Every year after the WeAreDevelopers World Congress is over, we have a ton of video footage to edit and release. Most of it is in raw format and needs editing by hand, but a lot of our sessions are also streamed live on YouTube and thus easier to re-...
From learning to earning
Jobs that call for the skills explored in this talk.