• Solutions
  • Ecosystem
  • Blog
  • Our Services
  • About Us
  • Contact Us
  • About Us
  • Blog
    • The complete GraphQL Scalar Guide
    • How Much Are GitHub Stars Worth to You?
    • Build a GraphQL server running on Cloudflare Workers.
    • Using @defer Directive with GraphQL Code Generator
    • Introducing Schema Policy in Hive
    • Consume OpenAPI in TypeScript Without Code Generation
    • Optimize your Bundle Size with SWC and GraphQL Codegen
    • GraphQL over Internet
    • Announcing GraphQL Network Inspector
    • GraphQL Cursor Pagination with PostgreSQL
    • GraphQL Hive - Improvements in Schema Registry
    • How we shipped CDN access tokens with Cloudflare Workers and R2
    • On-Demand Shared GraphQL Subscriptions with RxJS
    • Flutter GraphQL | The Guild
    • Nextra 2 – Next.js Static Site Generator
    • Scalable APIs with GraphQL Server Codegen Preset
    • Build realtime GraphQL backends with Grafbase
    • GraphQXL - The Missing GraphQL Language Extension?
    • GraphQL Yoga NestJS integration now supports NestJS v9 and Yoga v3
    • Announcing GraphQL Yoga v3
    • How ClickHouse helps us track billions of GraphQL requests monthly
    • Announcing free SSO (Single Sign On) for GraphQL Hive
    • Getting the Best of TypeScript and GraphQL: Union Types
    • Building Slack Bot with Cloudflare Workers
    • Announcing self-hosted GraphQL Hive
    • Improved Security with GraphQL Armor support for Yoga Server 2
    • JavaScript runs everywhere, so should your servers - here is how
    • Unleash the power of Fragments with GraphQL Codegen
    • Bringing the best GraphQL experience to Svelte
    • Building GraphQL Servers in 2022
    • Announcing GraphQL Hive, the complete GraphQL API manager
    • Announcing GraphQL Yoga 2.0!
    • GraphQL error handling to the max with Typescript, codegen and fp-ts
    • How not to learn GraphQL
    • The Anatomy of a GraphQL Request
    • Caching data with DataLoader
    • GraphQL Authentication with Envelop and Auth0
    • GraphQL AuthZ - GraphQL Authorization layer
    • GraphQL Code Generator with TypeScript and Prisma models
    • GraphQL over SSE (Server-Sent Events)
    • GraphQL Response Caching with Envelop
    • What does it take to support Node.js ESM?
    • What's new in GraphQL-Codegen v2?
    • SwiftGraphQL - A GraphQL client for Swift lovers.
    • GraphQL Tools V8 - Stitch Federation Services
    • Introducing Envelop - The GraphQL Plugin System
    • Collecting GraphQL Live Query Resource Identifier with GraphQL Tools
    • GraphQL with TypeScript done right
    • Easy Open Source - Orchestrating the Open Source Contribution Workflow
    • Subscriptions and Live Queries - Real Time with GraphQL
    • GraphQL Hive - Manage Your GraphQL API Workflow
    • A New Year for GraphQL Schema Stitching
    • The New GraphQL Modules
    • Add reactivity to an existing source using GraphQL Mesh
    • GraphQL - The Workflow
    • GraphQL - The Stack -
    • GraphQL - The Stack -
    • GraphQL - The Stack -
    • GraphQL - Use case and Architecture
    • GraphQL - Diving Deep
    • What's new with Apollo Client v3 and GraphQL Codegen
    • graphql-let - A Webpack loader for GraphQL Code Generator
    • Introducing: GraphQL Codegen plugin for TypeScript & SWR!
    • GraphQL Tools v7 delivers the next generation GraphQL API Gateway
    • The Guild is joining the GraphQL Foundation
    • What's new in GraphQL CLI 4.1
    • Webhooks as GraphQL Subscriptions using GraphQL Mesh
    • Introducing GraphQL-ESLint!
    • GraphQL over WebSockets
    • TypedDocumentNode: the next generation of GraphQL and TypeScript
    • Migrating from Schemaless REST API to GraphQL without writing any code
    • GraphQL Tools - next generation schema stitching and new leadership
    • Integrating GraphQL Code Generator in your frontend applications
    • Better Type Safety for your GraphQL resolvers with GraphQL Codegen
    • New GraphQL Inspector and upcoming features
    • Schema Change Notifications in GraphQL Inspector
    • Validate GraphQL Schema - Continuous Integration & Delivery Pipeline
    • Multiple environments and endpoints in GraphQL Inspector
    • Enable Remote Control in GraphQL Inspector
    • GraphQL Mesh - Query anything, run anywhere
    • How to run React E2E tests purely with hooks
    • GraphQL CLI is back!
    • GraphQL Config - One configuration for all your tools
    • GraphQL Scalars 1.0 is out!
    • The coolest, most underrated design pattern in React
    • I wrote a customizable CSS engine in JavaScript
    • Optimizing Apollo Operations - GraphQL Code Generator & Relay Compiler
    • Injectable services in React
    • GraphQL Codegen adds new Apollo-Android and Java plugins
    • Authentication and Authorization in GraphQL
    • The Guild is taking over maintenance of merge-graphql-schemas
    • Manage Circular Imports Hell in GraphQL-Modules
    • How should you pin dependencies and why?
    • Stencil-Apollo - Stencil meets GraphQL
    • New encapsulation method for Styled-Components with Babel
    • GraphQL Code Generator - Hooks support for React Apollo plugin
    • WhatsApp Clone - Angular, GraphQL, Apollo, TypeScript and PostgreSQL
    • WhatsApp Clone - GraphQL, Apollo, TypeScript and PostgreSQL
    • SOFA — The best way to REST (is GraphQL)
    • Babel plugin and get a performance boost for your React components
    • Introducing: GraphQL Inspector
    • Dependency Injection in GraphQL-Modules
    • Scoped Providers in GraphQL-Modules
    • Modular Encapsulation in Large-Scale GraphQL Projects
    • This is how our brain detects shapes
    • GraphQL TypeScript - w/ GraphQL-Modules and GraphQL-Code-Generator
    • How I helped improve Angular Console
    • Under the hood of React's hooks system
    • Authentication with accounts-js & GraphQL Modules
    • Implementing a runtime version of JSX
    • GraphQL Modules  —  Feature based GraphQL Modules at scale
    • Recursive React tree component implementation made easy
    • Getting to know React DOM's event handling system inside out
    • This is how I build Babel plug-ins
    • Getting to know Node's child_process module
    • How to create a React app out of a Webflow project
    • git rebase (not) --interactive
    • Apollo-Angular 1.2 - using GraphQL in your apps just got a lot easier!
    • GraphQL Code Generator for Typescript React Apollo
    • GraphQL Code Generator v0.11
    • Angular CLI + Meteor — No more ejecting Webpack Configuration
    • React Native and Meteor backend w/o any 3rd party library in 2018
    • Meteor with Webpack — Faster compilation and better source handling
    • Meteor Client Bundler — React Native support, handling Meteor imports
    • What's new in GraphQL Codegen 0.9.0
    • Open source FPS with Apollo GraphQL — GeoStrike (Alpha)
    • Introducing GraphQL Code Generator
    • How to create a native add-on using C++
    • Apollo Angular Version 0.11
    • Build a WhatsApp Clone with Ionic 2, Angular 2, and Meteor
    • GraphQL as a best practice for modern Angular apps?
    • Build a WhatsApp clone with Meteor and Ionic — Meteor Platform version
      • GraphiQL 3 Is Here and GraphiQL 4 Is Coming
      • GraphQL-ESLint v3.14 - What's New?
    • Solutions
    • open-source
    • Logos
    • contact
    • Our Services
    • GraphQL

    The Guild's blog

    envelopgraphql (103)codegen (25)react (22)typescript (22)node (10)graphql-modules (9)angular (8)graphql-hive (7)deepdive (7)
    Article logo

    GraphiQL 3 Is Here and GraphiQL 4 Is Coming

    GraphiQL 3 was released, here is what was changed and what will be in GraphiQL 4.

    Dimitri POSTOLOV • Jul 1st 2023

    PRODUCTS

    • Hive
    • Conductor
    • Yoga
    • Envelop
    • Stitching
    • Inspector
    • Code Generator
    • Mesh
    • Tools
    • Modules
    • ESLint
    • Config
    • feTS
    • Scalars
    • Shield
    • SOFA
    • Angular
    • WhatsApp
    • KitQL
    • WS
    • SSE

    RESOURCES

    • Press Kit

    COMPANY

    • About
    • Blog
    • Newsletter
    • Open Source
    • Services
    • GitHub

    COMMUNITY

    • Twitter
    • LinkedIn
    • Discord
    • Medium
    • YouTube
    Cloud Security Alliance Star Level One Badge