What is Babel-Blade?

babel-blade is a babel plugin (or macro) that helps to generate graphql query strings inline and solves the double declaration problem in clientside GraphQL.

Try it out on ASTExplorer or Babel REPL

The quickest, zero-install way to try it out is on either:

If you like it, head over to our Getting Started docs to see how to install the babel plugin in your app.

See 7 minute introductory videos

Here is the old (slightly out of date API) walkthrough on youtube.

Here is the new 7 minute lightning talk at React Boston with the motivation and context of Babel Blade: https://youtu.be/30wOsJOluA4?t=497

Here's a longer 25 minute talk at GraphQLNYC going through more of the API and the motivations behind what babel-blade is.

Official Emoji

It is the ⛸️. Basically when I explained this idea to coworkers they said "oh it's just inline GraphQL". My boss at the time liked inline skating, which is commonly known as Roller Blading, and so the name stuck.

Internal stucture

Here is a chart of how the package is set up:

test

The Double Declaration Problem →