GraphQL schema tested in the browser using Apollo Launchpad.
My Apollo Launchpad demo has been featured in awesome-launchpad, and you can try it here to see how easy it is to use Launchpad.
Apollo Optics was made to allow analyzing GraphQL APIs performance in a consistent way. It provides a high-level understanding of how an API is used, which fields require optimizations and how performance trends look like. One of GraphQL Europe speakers Brooks Swinnerton said that Github will be using Apollo Optics to provide metrics for Github’s GraphQL API.
Example optics visualization of performance distribution. Source: http://www.apollodata.com/optics/
GraphQL Voyager takes documenting API to a whole new level. It uses a GraphQL schema to present data structure in a form of interactive graph. It requires no setup before use nor any specific programming language, because it works on any GraphQL API. GraphQL Voyager sports an interface that is incredibly easy to use. It provides information about field types, their descriptions, and connections, facilitating high-level analysis of graph data.
Visual Representation Of Our GraphQL Profile API.
Graphcool is the platform for creating production ready GraphQL backends. It has a user-friendly and feature-rich console for designing schema. It is integrated with services such as Auth0 and AWS Lambda and supports subscriptions out of the box.
Editing schema using Graphcool’s console.
Graphcool creators made many tutorials showing how to use a GraphQL backend on top of many frontend frameworks such as React or Angular. This makes getting an application up and running really easy and cheap, and it might even be used just for providing a prototype of the backend in an early development phase. GraphQL is free to use during development, and its cost is eventually calculated based on the amount of requests made against the API.
The last tool on our list also happens to be the most popular one. GraphiQL is a free, easy to use React-based IDE for testing and documenting GraphQL APIs. GraphiQL allows its users to test and present GraphQL APIs by providing a graphic interface that facilitates performing queries and mutations. There’s more to GraphiQL, though! It uses schema to provide information about data structure and types, and it also supports autocompletion. This open-source tool was quickly noticed by Facebook and is now mainly developed by Lee Byron, one of GraphQL’s co-creators and the main creator of Immutable.js.
When you are reading this, even more amazing tools will have been under serious development, and we should note two especially interesting services: GraphQL Language Service, which provides an interface for building GraphQL language services for IDEs, and GraphQL Lodash, which allows performing Lodash data manipulations inside queries. Even Daniel Schafer, one of Facebook’s developers responsible for creating GraphQL, admitted they didn’t know how would their technology grow or what would tooling for it look like. One thing is certain: GraphQL has gained serious traction, and it will be interesting to see how it will have evolved by GraphQL Europe 2018.