JoinDownload
This is drafted post. Please setdraft: falsein this .mdx file once ready to be published.

Sample Post

2 Min Read

Ben Parker

It’s been 2 months of Firecamp’s GraphQL playground launching, throughout this time I have been discussing with so many folks about their GraphQL usage and experience with Playground.

I am so privileged to have meaningful insights and have great feedback from the community, and based on that we implemented new features, changed DX and put a focus on accessibility. This week we have launched a new revamped version of GraphQL playground with all these following productive and time-saving features.

List of weapons to stay prepared for the GraphQL war.

  1. Magical Playground
  2. Single/Multiple File upload
  3. Query collection (One-click save playground queries)
  4. Interactive Query Variables

Let me go through with all these goodies one by one.

1. Magical Playground

It’s a query-writing area, where we can write any query and hit cmd+enter to execute it. The takeaway is we can write N number of queries.

To execute one query from the playground, just bring the cursor to the query area and hit the play button. That query will become an active query and get executed on the play-button click. means, to set any query as active query, just bring the cursor to its context area in a playground (set cursor in-between start and end line of per query)

Content Image

2. Single/Multiple File upload

Uploading a file with GraphQL is a bit hurdle at this moment as it’s not mature for file handling but the community is seriously trying to fill this gap.

Firecamp GraphQL playground supports file uploading with this community-driven specifications. To upload a file, just select files from the bottom section of the playground and use the \$files variables in a query as variable. see this live-action from the below video.

Content Image

3. Query collection (One-click save playground queries)

alt text for large image

Query collection is the previously saved query’s list, which helps us to avoid the repetition task of writing the query again and again. and also it ‘s sharable by exporting the GraphQL request configuration.

If the playground area having 2 queries and 3 mutations then to save them in a collection we just need to click on the Save to collection button. All the queries, mutations and subscriptions will get saved with their original name.

Content Image

Code Snippet

/**
* This is JSX code block
* inside MDX
*/
import React from "react"
const Component = ({ children }) => <div>{children}</div>
export default Component

Embedded

Gist

CodeSandbox

YouTube

Tweet

Emojis

😀 😃 😄 😁 😆 😅 😂 🤣 ☺️ 😊 😇 🙂 🙃 😉 😌 😍 🥰 😘 😗 😙 😚 😋 😛 😝 😜 🤪 🤨 🧐 🤓 😎 🤩 🥳 😏 😒 😞 😔 😟 😕 🙁 ☹️ 😣 😖 😫 😩 🥺 😢 😭 😤 😠 😡 🤬 🤯 😳 🥵 🥶 😱 😨 😰 😥 😓 🤗 🤔 🤭 🤫 🤥 😶 😐 😑 😬 🙄 😯 😦 😧 😮 😲 🥱 😴 🤤 😪 😵 🤐 🥴 🤢 🤮 🤧 😷 🤒 🤕 🤑 🤠 😈 👿 👹 👺 🤡 💩 👻 💀 ☠️ 👽 👾 🤖 🎃 😺 😸 😹 😻 😼 😽 🙀 😿 😾

Quote

Coffee. The finest organic suspension ever devised... I beat the Borg with it.

Medium Size Image

alt text for medium image

Large Size Image

alt text for large image

Info Box

note
Uploading a file with GraphQL is a bit hurdle at this moment as it’s not mature for file handling but the community is seriously trying to fill this gap.
CONTENT
1. Magical Playground2. Single/Multiple File upload3. Query collection (One-click save playground queries)Code SnippetEmbeddedEmojisQuoteMedium Size ImageLarge Size ImageInfo Box

Links

DownloadDocChange LogsCookiesTerms & ConditionsPrivacy PolicyContact Us

Apps & Integrations

HTTPGraphQLWebsocketSocketIO

Firecamp Newsletter