GraphQL Subscription

Subscription is another type of in GraphQL.

This is use real time events using websockets, you can send notification to client for events which happen on the server using web sockets.

It you are not aware what are websockets, you can find plenty of resources online.

Let’s see how to implement subscription in our code base. As an example, let’s add a subscription to notify user when a new todo is added

Let’s first look at our backend

//subscription/todo.js

export default `
type Subscription {
    todoAdded: Todo 
}
`

//resolvers/todo.js

export default {
    Subscription: {
        todoAdded: {
            subscribe: () => pubsub.asyncIterator('TODO_ADDED')
        }
    },
    Mutation: {
        addTodo: (_, { input }) => {
            let id = Math.round(Math.random(0, 1000) * 1000)
            input.id = id
            todos.push(input)
            pubsub.publish('TODO_ADDED', { postAdded: input });
            return input
        }
    }
}

We are using pubsub library to publish events. This is quite simple