DEV Community

Cover image for Boost your GraphQL development with GraphQL Zeus
Tomek Poniatowicz for GraphQL Editor

Posted on

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

Installation & Basic usage

To play with it use npm install:

$ npm i -g graphql-zeus
Enter fullscreen mode Exit fullscreen mode

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 ./
Enter fullscreen mode Exit fullscreen mode

TypeScript:

$ zeus schema.graphql ./  --ts 
Enter fullscreen mode Exit fullscreen mode

Node.JS:

$ zeus schema.graphql ./  --node 
Enter fullscreen mode Exit fullscreen mode

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

GitHub logo graphql-editor / graphql-zeus

GraphQL client and GraphQL code generator with GraphQL autocomplete library generation ⚡⚡⚡ for browser,nodejs and react native ( apollo compatible )

npm Commitizen friendly npm downloads

Strongly Typed GraphQL from the team at GraphQL Editor

How it works

GraphQL Zeus is the absolute best way to interact with your GraphQL endpoints in a type-safe way. Zeus uses your schema to generate Typescript types and strongly typed clients to unlock the power, efficiency, productivity and safety of Typescript on your GraphQL requests.

Features

⚡️ Types mapped from your schema
⚡️ Works with Apollo Client, React Query, Stucco Subscriptions (*more coming soon...)
⚡️ Works with Subscriptions
⚡️ Infer complex response types
⚡️ Create reusable selection sets (like fragments) for use across multiple queries
⚡️ Supports GraphQL Unions, Interfaces, Aliases and Variables
⚡️ Handles massive schemas
⚡️ Supports Browsers, Node.js and React Native in Javascript and Typescript
⚡️ Schema downloader
⚡️ JSON schema generation

Full documentation

Our full documentation has all the use cases of:

  • scalars
  • selectors

and much more...

Full documentation is available here

Join the Zeus Community


Speed up your GraphQL API development

GraphQL Editor is a supportive tool for both advanced GraphQL users as well as those taking their first steps with GraphQL APIs. Our all-in-one development environment for GraphQL will help you build, manage & deploy your GraphQL API much faster thanks to dozens of built-in micro features. Its graphical interface will also fix communication within your product team. Visualization is the key!

GraphQL Editor

Top comments (1)

Collapse
 
saikiran profile image
Sai Kiran

This looks amazing, Have to try it once.