Log in to GraphQL Editor
Boost your GraphQL development with GraphQL Zeus
Tomek

Tomek Poniatowicz

11/15/2019

Boost your GraphQL development with GraphQL Zeus

GraphQL Zeus is an open-source (MIT) graphql client & code generator working with a Browser, Node.js & React Native. It provides an auto-complete client library for JavaScript or TypeScript supporting auto-completion for strongly typed queries. It's maintained by Artur Czemiel (follow him on Twitter for latest GraphQL Zeus news & updates).

Installation & Basic usage

To play with it use npm install:

$ npm i -g graphql-zeus

Zeus supports:

  • Javascript (Browser, NodeJS, React Native)
  • TypeScript (Browser, NodeJS, React Native)

Zeus in action

GraphQL Zeus provides many useful solutions among which you can find such as:

  • Chain - Chain is the main function responsible for forming a GraphQL Query. It provides auto-complete in Zeus Syntax. Returned data is mapped accordingly to GraphQL query, so you get type-safe completion for both query and response in both TypeScript and JavaScript.

  • Aliases - You can alias each query just like in GraphQL original specification. To use alias you just need to provide __alias:{[YOUR_ALIAS]:YOUR QUERY}

  • Selectors - If you use same GraphQL query many times you can use Selectors which you can later inject into the Chain function

###JavaScript & React Native:

$ zeus schema.graphql ./

TypeScript:

$ zeus schema.graphql ./  --ts 

Node.JS:

$ zeus schema.graphql ./  --node 

Want to contribute?

Awesome, just:

  1. Fork this repo
  2. Create your feature branch: git checkout -b feature-name
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

Check out our other blogposts

SolidJS: a new framework with true reactivity and top performance.
Michał Tyszkiewicz
Michał Tyszkiewicz
SolidJS: a new framework with true reactivity and top performance.
4 min read
almost 2 years ago
Junior Web Developer environment setup
Robert Matyszewski
Robert Matyszewski
Junior Web Developer environment setup
5 min read
almost 5 years ago
Most wanted web technologies of 2020
Infotech
Infotech
Most wanted web technologies of 2020
4 min read
almost 4 years ago

Ready for take-off?

Elevate your work with our editor that combines world-class visual graph, documentation and API console

Get Started with GraphQL Editor