March 22nd, 2021 × #graphql#tooling#codegeneration
Hasty Treat - Effortless Custom GraphQL with GraphQL Codegen
Scott and Wes discuss GraphQL code generation tools like GraphQL Code Generator and Pericles that can generate typed code, React hooks, forms, and more from GraphQL schemas.
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