Hasty Treat - Effortless Custom GraphQL with GraphQL Codegen
In this Hasty Treat, Scott and Wes talk about GraphQL tooling, and specifically a couple tools we use that will change your experience with GraphQL.
.TECH Domains - Sponsor
.TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you’re looking for a domain name for your startup, portfolio, or your own project like we did with uses.tech, check out .tech Domains. Syntax listeners can snap their .TECH Domains at 80% off on five-year registration by visiting go.tech/syntaxistech and using the coupon code “syntax5”.
LogRocket - Sponsor
LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes
03:38 - What is it?
- https://graphql-code-generator.com/
- Code generation for GraphQL APIs
04:34 - What can it do?
- Generate React hooks for any of the major player Apollo client (urql)
- Types for the full stack — resolvers, mutations
07:49 - How we use it
- Generate a schema file to keep client and server in sync in mono repo
- Creates all React Hooks
- Generates all types for both resolvers, and anything client-side
Links
- React Query
- Apollo
- Typescript
- Cypress
- https://periqles.herokuapp.com/
- https://the-guild.dev/
- Swagger
Tweet us your tasty treats!
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
