PLAY PODCASTS
Type safety from Hasura to SWR
Episode 147

Type safety from Hasura to SWR

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.

Frontend First

September 2, 202255m 30s

Audio is streamed directly from the publisher (cdn.simplecast.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Show Notes

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 - Intro
  • 2:51 - Using GraphQL Language Server to get autocomplete + linting
  • 13:05 - Getting type information on the return object from a query passed to SWR
  • 24:06 - Generating TypedDocumentNode objects with GraphQL codegen
  • 33:33 - Using zod for run-time validation

Links: