Why resolvers connect schema to data in GraphQL - See It in Action

Understanding Why Resolvers Connect Schema to Data in GraphQL

📖 Scenario: Imagine you are building a simple online bookstore. You want to create a system where users can ask for book details, and your system will give them the right information. To do this, you use GraphQL, which needs a way to connect the questions (queries) to the actual book data stored somewhere. This connection is made by something called resolvers.

🎯 Goal: Build a basic GraphQL schema for books and write resolvers that connect the schema fields to the actual book data. This will help you understand how resolvers act as the bridge between the schema and the data.

📋 What You'll Learn

Create a GraphQL schema with a Book type that has id, title, and author fields

Create a Query type with a book field that takes an id argument and returns a Book

Set up a simple data array with book objects matching the schema

Write resolvers that fetch the correct book from the data array based on the id argument

💡 Why This Matters

🌍 Real World

Resolvers are the glue in GraphQL that connect the schema (the questions clients ask) to the actual data (answers). This project shows how to build that connection simply.

💼 Career

Understanding resolvers is essential for backend developers working with GraphQL APIs, as they implement the logic to fetch and return data requested by clients.

1

Create the Book data array

Create a variable called books that is an array containing these exact book objects: { id: '1', title: '1984', author: 'George Orwell' } and { id: '2', title: 'Brave New World', author: 'Aldous Huxley' }.

GraphQL

# Your code here

Need a hint?

Think of books as a list of book cards, each with an id, title, and author.

2

Define the GraphQL schema

Create a GraphQL schema string called typeDefs that defines a Book type with id, title, and author fields all of type String!. Also define a Query type with a book field that takes an id argument of type String! and returns a Book.

GraphQL

const books = [
  { id: '1', title: '1984', author: 'George Orwell' },
  { id: '2', title: 'Brave New World', author: 'Aldous Huxley' }
];

# Your code here

Need a hint?

Define the shape of your data and the query to get a book by its id.

3

Write the resolver function for the book query

Create a resolvers object with a Query field. Inside Query, write a function called book that takes parent, args, and returns the book from books where book.id === args.id.

GraphQL

const books = [
  { id: '1', title: '1984', author: 'George Orwell' },
  { id: '2', title: 'Brave New World', author: 'Aldous Huxley' }
];

const typeDefs = `
  type Book {
    id: String!
    title: String!
    author: String!
  }

  type Query {
    book(id: String!): Book
  }
`;

# Your code here

Need a hint?

The resolver function looks at the id argument and finds the matching book in the books array.

4

Complete the GraphQL server setup

Add the final code to create an ApolloServer instance using typeDefs and resolvers, and export it as server.

GraphQL

const books = [
  { id: '1', title: '1984', author: 'George Orwell' },
  { id: '2', title: 'Brave New World', author: 'Aldous Huxley' }
];

const typeDefs = `
  type Book {
    id: String!
    title: String!
    author: String!
  }

  type Query {
    book(id: String!): Book
  }
`;

const resolvers = {
  Query: {
    book(parent, args) {
      return books.find(book => book.id === args.id);
    }
  }
};

# Your code here

Need a hint?

This final step sets up the GraphQL server that uses your schema and resolvers to answer queries.