Type safety from Hasura to SWR

Frontend First

English - September 02, 2022 20:22 - 55 minutes - 50.8 MB - ★★★★★ - 18 ratings
Technology technology web javascript ember ember.js software development design Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed

Previous Episode: Playing with Server Components in Vercel’s Edge Runtime

Next Episode: Testing is inescapable

Ryan shares his experience getting end-to-end type safety from a Hasura backend into a React application. He tells Sam about the different ways GraphQL codegen can be used to generate types, and how he ultimately landed on a solution that combines the TypedDocumentNode type and the zod library.

Topics include:

0:00 - Intro2:51 - Using GraphQL Language Server to get autocomplete + linting13:05 - Getting type information on the return object from a query passed to SWR24:06 - Generating TypedDocumentNode objects with GraphQL codegen33:33 - Using zod for run-time validation

Links:

GraphQL Tag / gql GraphQL codegen GraphQL codegen over the years Ryan’s Tweet with TypedDocumentNode Zeus Hasura Zod

Twitter Mentions

@ryantotweets