Update-queries-GrahpQL-in-the-frontend.md

Update GraphQL Queries

This guide is made to generate types and hooks (query/mutate) for the frontend based on the GraphQL API. This tool is used to avoid to do it manually.

Declare GrahpQL queries

To generate new types and hooks, you need to update the file queries.ts. In this file you should describe the query you want to make, the types needed will be automatically deducted from your description.

Update queries and types

To update or create new types and operations, you can run the following command :

yarn codegen

This command will generate all the operations and types for you. Remeber you should place the graphql's operations in the file queries.ts under the folder src/components/API/GraphQL. Types will be all generated in one file under the name types.generated.ts, operations will be in queries.generated.tsx file finally all fragments under the file fragments.generated.tsx.

Links

• GraphQL code generator
  • GitHub
• Issue: unable to find typescript-operations