DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Aaron Powell for Microsoft Azure

Posted on • Originally published at aaron-powell.com on

Generating TypeScript Types From GraphQL Schemas

Last week I did a live stream on creating a web app with React, TypeScript and GraphQL and there was a question that popped up on whether or not you could generate the TypeScript types from the GraphQL schema, as I was creating them by hand.

Today, I did a last-minute stream in which I showed how you could do it using GraphQL Code Generator. It was really simple to integrate and what's more, I found a problem in the types I had written by hand relative to the GraphQL schema, so it's a win-win. I even showed off how the pull request feature of Static Web Apps works.

Top comments (3)

Collapse
 
dan_piedra profile image
Daniel Piedra

Nice! Any experience with polymorphic models in the BE and graphql code generation?

Collapse
 
starpebble profile image
starpebble

Anything that brings code quality up is a plus.

Collapse
 
aaronpowell profile image
Aaron Powell Author

Exactly.

Also, it was funny that I'd stuffed up my hand-written types relative to the schema!

This post blew up on DEV in 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!