Learn React with TypeScript 3

Chapter 10: Interacting with GraphQL APIs

1. In the GitHub GraphQL Explorer, create a query to return the last five open issues in the React project. Return the issue title and the URL in the response:

query {   repository (owner:"facebook", name:"react") {    issues(last: 5, states:[OPEN]) {      edges {        node {          title          url        }      }    }  }}

2. Enhance the last query, make the number of issues that is returned a parameter, and make this default to 5:

query ($lastCount: Int = 5) {   repository (owner:"facebook", name:"react") {    issues(last: $lastCount, states: [OPEN]) {      edges {        node {          title          url        }      }    }  }}

3. Create a mutation in the GitHub GraphQL Explorer to unstar a starred repository. The mutation should take a repository ID as a parameter:

mutation ($repoId: ID!) ...