DEV Community

loading...
Cover image for GQLess - a GraphQL client without queries
GraphQL Editor

GQLess - a GraphQL client without queries

tomekponiat profile image Tomek Poniatowicz ・2 min read

GraphQL was publicly released in 2015. Following this, a new ecosystem began to shape around it as it's premise was well-received by the dev community. GraphQL is basically a query-language for your API which is language & database-agnostic. A GraphQL query is a string sent to the runtime that returns JSON to the client. This simple idea began the creation of a wide set of open-source libraries, tools, clients etc., aiming to make using GraphQL an effortless experience.

GraphQL popularity is constantly rising. As the number of companies incorporating GraphQL is growing, the awesome tools supporting GraphQL are being developed daily. gqless is one of them!

GQLess invisible queries

How does it work?

gqless is an awesome GraphQL client built by Sam Denty. It's allowing you to wrap components in graphql() which makes gqless perform an additional render of your entire application with all the available GraphQL objects, but without the data i.e.:

  • Arrays will have a length of 1
  • Scalars will return null

After this is done the gqless will generate queries & fetch data to re-render the whole app with the newly available data as a final outcome.

gqless is a new & very interesting approach to a GraphQL client offering:

  • Invisible data fetching - runtime generated queries with JS getters
  • Strongly typed - built-in TypeScript support
  • Production-ready features - it offers built-in cache,e extensions and more

gqless example

Source: gqless.dev

Try gqless and find out how enjoyable & easy it is to use GraphQL with auto-generated queries offered by gqless.

yarn add gqless
yarn add @gqless/cli -D

# or
npm install gqless
npm install @gqless/cli --save-dev

Have fun!


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.

GraphQL Editor

Discussion (1)

pic
Editor guide
Collapse
chathula profile image
Chathula Sampath

I love this package. Still has doubt whether it is ready for production or not.