如何为 graphql 生成 TypeScript 定义

Question

I have a react app based on create react app and TypeScript. I want to replace redux with Apollo graphql client. I define queries in .graphql files and/or gql-Tag using string templates. I want the result/data from apollo's Query component to be strongly typed, how can I do that? Without writing interfaced and types myself, I want them to be generated 😬

Answer 1

There is a very good tool for that called Apollo codegen , it's part of apollo-cli.

Have a look into their documentation: https://github.com/apollographql/apollo-cli#apollo-codegengenerate-output

An example to generate the TypeScript definitions would be:

• Download the schema of your server:

apollo schema:download .schema/graphql.json --endpoint=http://localhost:4000/

• Generate the types for your queries:

apollo codegen:generate --schema=.schema/graphql.json --addTypename --target=typescript --queries=src/**/*.{tsx,ts} --outputFlat=src/queries