GraphQL Playground logo

GraphQL Playground

🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)
22
23
+ 1
0

What is GraphQL Playground?

GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration).
GraphQL Playground is a tool in the Database Tools category of a tech stack.
GraphQL Playground is an open source tool with 5.4K GitHub stars and 403 GitHub forks. Here’s a link to GraphQL Playground's open source repository on GitHub

Who uses GraphQL Playground?

Companies
7 companies reportedly use GraphQL Playground in their tech stacks, including Seistreinta, Radio PPI Dunia, and Moodpeek.

Developers
15 developers on StackShare have stated that they use GraphQL Playground.

GraphQL Playground Integrations

Why developers like GraphQL Playground?

Here’s a list of reasons why companies and developers use GraphQL Playground
Top Reasons
Be the first to leave a pro
GraphQL Playground Reviews

Here are some stack decisions, common use cases and reviews by companies and developers who chose GraphQL Playground in their tech stack.

Adam Neary
Adam Neary
Engineer at Airbnb · | 26 upvotes · 381.4K views
atAirbnbAirbnb
GraphQL
GraphQL
GraphQL Playground
GraphQL Playground
Apollo
Apollo
#BackendDrivenUI
#Prisma

At Airbnb we use GraphQL Unions for a "Backend-Driven UI." We have built a system where a very dynamic page is constructed based on a query that will return an array of some set of possible “sections.” These sections are responsive and define the UI completely.

The central file that manages this would be a generated file. Since the list of possible sections is quite large (~50 sections today for Search), it also presumes we have a sane mechanism for lazy-loading components with server rendering, which is a topic for another post. Suffice it to say, we do not need to package all possible sections in a massive bundle to account for everything up front.

Each section component defines its own query fragment, colocated with the section’s component code. This is the general idea of Backend-Driven UI at Airbnb. It’s used in a number of places, including Search, Trip Planner, Host tools, and various landing pages. We use this as our starting point, and then in the demo show how to (1) make and update to an existing section, and (2) add a new section.

While building your product, you want to be able to explore your schema, discovering field names and testing out potential queries on live development data. We achieve that today with GraphQL Playground, the work of our friends at #Prisma. The tools come standard with Apollo Server.

#BackendDrivenUI

See more

GraphQL Playground's Features

  • Context-aware autocompletion & error highlighting
  • Interactive, multi-column docs (keyboard support)
  • Supports real-time GraphQL Subscriptions
  • GraphQL Config support with multiple Projects & Endpoints
  • Apollo Tracing support

GraphQL Playground Alternatives & Comparisons

What are some alternatives to GraphQL Playground?
Slick
It is a modern database query and access library for Scala. It allows you to work with stored data almost as if you were using Scala collections while at the same time giving you full control over when a database access happens and which data is transferred.
Sequel Pro
Sequel Pro is a fast, easy-to-use Mac database management application for working with MySQL databases.
PostGIS
PostGIS is a spatial database extender for PostgreSQL object-relational database. It adds support for geographic objects allowing location queries to be run in SQL.
Open PostgreSQL Monitoring
Open PostgreSQL Monitoring is a free software designed to help you manage your PostgreSQL servers.
Flyway
It lets you regain control of your database migrations with pleasure and plain sql. Solves only one problem and solves it well. It migrates your database, so you don't have to worry about it anymore.
See all alternatives

GraphQL Playground's Followers
23 developers follow GraphQL Playground to keep up with related blogs and decisions.
Nbazes
Evan Wright
Tom Bazarnik
Carsten Meldgaard
i-arkhan
Vladan Paunovic
Alex Di Guida
John Alton
Mohamma76685757
Eli Perkins