Top 5 tools every frontend developer should be using with GraphQL in 2023

The GraphQL ecosystem continues to grow exponentially, introducing an ever-expanding array of developer tools and services. To help you get the most out of building with GraphQL, we’ve curated a short list of libraries and services you should be using in 2023.

Here are my top 5 tools for working with GraphQL as a frontend developer in 2023:

00:00 Intro
00:10 Grafbase OpenAPI Connector

Unlock the potential of modern web and mobile app development by seamlessly combining REST and GraphQL APIs.

Grafbase lets you do that by transforming OpenAPI into GraphQL.

https://grafbase.com/edge-gateway

00:56 GraphQL Code Generator Client Preset

Reduce code complexity and technical debt, establish stricter component type dependencies, and effortlessly migrate to any GraphQL client that supports TypedDocumentNode.

https://the-guild.dev/graphql/codegen...

02:18 GQty

If writing GraphQL operations and configuring codegen for TypeScript is slowing you down, consider replacing your GraphQL client with no GraphQL client and using GQty instead.

https://gqty.dev

02:56 GraphQL Network Inspector

The GraphQL Network Inspector simplifies debugging while developing GraphQL web and mobile applications on the client.

https://github.com/warrenday/graphql-...

03:39 GraphMan

Effortlessly generate a comprehensive collection from a single GraphQL endpoint. Each collection includes a request for every query and mutation, conveniently pre-populated with fields, parameters, and variables.

https://github.com/Escape-Technologie...