Generating TypeScript Types for GraphQL Schema, Queries and Mutations Using GraphQL Code Generator

Table of Contents:
00:25 The example app's overview
01:04 Brief explanation of the app's back end
03:42 Setting up GraphQL Code Generator for the back end (the resolvers)
09:14 Using the generated types to describe the resolvers
16:04 Brief explanation of the app's front end
17:53 Setting up GraphQL Code Generator for the front end

Code:

👨‍💻 My Udemy Course:
Using TypeScript with React

[victorlongon]

That's very nice. I have used it before as well. Tbh, i was totally amazed by it. Definitely one of the best tools i have seen lately!

[harmanmax]

fantastic, very useful easy to understand .. Thank you for sharing

[kamalchoudhary]

Hi, thank for the amazing tutorial - though, I have one question. If I had to use callback functions of useAddNoteMutation(), how could I have used those? callback functions like onCompleted and onError.

[bensim]

Straight forward and perfect explanation !

[kaminegame]

I'm using a playgorund which is on a webstite, I declared the url insted the local host but when I use yarn codegen I got the same error before you typed yarn dev, how can I fix that?

[AliYasir]

cache.ReadQuery({query: someQuery}). how do i do that?

[natture]

Hi can you also make tutorial on fedration