Migration from REST to GraphQL - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define a simple GraphQL query to fetch user names.

GraphQL

query { users { [1] } }

Drag options to blanks, or click blank then click option'

Aemail

Bname

Cid

Dpassword

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'email' instead of 'name' when the task asks for user names.

Selecting 'password' which is sensitive and usually not fetched.

The name field fetches user names in GraphQL queries.

2fill in blank

medium

Complete the code to fetch a user's posts with their titles.

GraphQL

query { user(id: "1") { posts { [1] } } }

Drag options to blanks, or click blank then click option'

Atitle

Bauthor

Cdate

Dcontent

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'content' which fetches the body, not the title.

Selecting 'author' which is not a post title.

The title field fetches the post titles in GraphQL.

3fill in blank

hard

Fix the error in the GraphQL mutation to create a new user with a name.

GraphQL

mutation { createUser(input: { [1]: "Alice" }) { id name } }

Drag options to blanks, or click blank then click option'

Ausername

Bpassword

Cemail

Dname

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'username' which may not be defined in the schema.

Using 'email' or 'password' which are different fields.

The input field should be name to match the schema for creating a user.

4fill in blank

hard

Fill both blanks to query users with their names and posts' titles.

GraphQL

query { users { [1] posts { [2] } } }

Drag options to blanks, or click blank then click option'

Aname

Btitle

Cdate

Demail

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'email' instead of 'name' for users.

Choosing 'date' instead of 'title' for posts.

The first blank should be name to get user names, and the second blank title to get post titles.

5fill in blank

hard

Fill all three blanks to write a mutation that updates a post's title and content by id.

GraphQL

mutation { updatePost(id: "[1]", input: { [2]: "New Title", [3]: "Updated content" }) { id title content } }

Drag options to blanks, or click blank then click option'

A1

Btitle

Ccontent

DpostId

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'postId' instead of just the id value.

Swapping 'title' and 'content' fields.

The post id is 1, and the input fields to update are title and content.