🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)

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 4.26K Github Stars and 275 Github Forks. Here’s a link to GraphQL Playground's open source repository on Github

Who Uses GraphQL Playground?

4 companies use GraphQL Playground including Seistreinta, Radio PPI Dunia, and Moodpeek.

GraphQL Playground integrates with

Why people like GraphQL Playground

Here’s a list of reasons why companies and developers use GraphQL Playground.



Add a one-liner

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

Adam Neary
Adam Neary
Engineer at Airbnb · | 19 upvotes · 40734 views
atAirbnb
Apollo
GraphQL Playground
GraphQL
#Prisma
#BackendDrivenUI

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's alternatives

  • Sequel Pro - MySQL database management for Mac OS X
  • PostGIS - Open source spatial database
  • Open PostgreSQL Monitoring - Oversee and Manage Your PostgreSQL Servers
  • Liquibase - Source control for your database
  • Flyway - Database Migrations Made Easy

See all alternatives to GraphQL Playground


This page was verified by
schickling schickling