Real Time GraphQL — Chat (Part 2 Client)

Abhi Aiyer
3 min readMay 30, 2017

Welcome back. In the last post we setup GraphQL Subscriptions with a little help from 2 Apollo packages:

If you haven’t read that post, it’s a combination of background and server side of the Chatroom we’re building.

All the code for todays section can be found here, clone and star before moving on! :)

We’re going to add real time behavior to a currently non-reactive Message list. Chat is a great example of a product that needs data as fresh as possible.

Subscription Network Interface

GraphQL Clients operate across networks (HTTP/WSS) and Apollo Client gives you a configurable piece called the networkInterface. The base network interface is via HTTP, but we are going to add a subscription interface as well.