How to get the most of React application types with GraphQL Code Generator

GraphQL with TypeScript done right

Sharing our journey of making it easier for people to participate in open source

Making Open Source Easy - Orchestrating the Open Source Contribution Workflow

GraphQL subscriptions are used by many. Live Query adoption, however, has not advanced that much. Let's take a look at both methods for achieving real-time communication with GraphQL.

Subscriptions and Live Queries - Real Time with GraphQL

Announcing the beta testing program of GraphQL Hive - schema registry for any GraphQL workflow.

GraphQL Hive - Manage Your GraphQL API Workflow

2021 is the year to give Schema Stitching a fresh look after its recent renovation

A New Year for GraphQL Schema Stitching

GraphQL Modules showed up on NPM almost 3 years ago but now we decided to rewrite it from scratch.

New GraphQL Modules 

How To extend an existing endpoint with subscriptions to bring reactivity to your application

Add reactivity to an existing source using GraphQL Mesh

The Workflow when taking GraphQL from development to production

The Workflow

The Stack #3

The Stack #2

The Stack #1

Architecting for GraphQL and its ecosystem

GraphQL - Usecase and Architecture

Answering all the questions you may have about GraphQL and its ecosystem

GraphQL - Diving Deep

All the new features GraphQL Codegen adds to your type-system with the new Apollo Client 3

What's new with Apollo Client v3 and GraphQL Codegen

graphql-let is a webpack loader of GraphQL code generator.

graphql-let - A Webpack loader for GraphQL Code Generator

Working with GraphQL, TypeScript and SWR is now much simpler!

Introducing: GraphQL Codegen plugin for TypeScript & SWR!

GraphQL Tools v7 delivers the next generation GraphQL API Gateway

Our plans to contribute to the GraphQL Foundation

The Guild is joining the GraphQL Foundation

GraphQL CLI - experience the modern way for developing full-stack GraphQL applications.

What's new in GraphQL CLI 4.1

Consume your legacy webhooks and subscriptions from any data source as GraphQL Subscriptions with GraphQL Mesh

Webhooks as GraphQL Subscriptions using GraphQL Mesh

A new tool by The Guild, for making your GraphQL schema and GraphQL operations more standard and robust!

Introducing GraphQL-ESLint!

Coherent, zero-dependency, lazy, simple, server and client implementation of the new, security first, GraphQL over WebSocket Protocol.

GraphQL over WebSockets

Using GraphQL and Typescript on the client just became a whole lot easier!

TypedDocumentNode: the next generation of GraphQL and TypeScript

Migrating to GraphQL from a REST API has never been easier. With tools like GraphQL Mesh you can do it automatically, without writing code and even if you don't have any schema for your existing REST API sources.

Migrating from Schemaless REST API to GraphQL without writing any code

GraphQL Tools v6 with more tools, improved schema stitching and bug fixes

GraphQL Tools is back - next generation schema stitching and new leadership

The GraphQL codegen library can generate code for multiple purposes. Make sure you get the most out of it.

Best Practices for integrating GraphQL Code Generator in your frontend applications

Type-check your resolvers implementation in order to find issues in build-time. Simply integrate with your existing TypeScript data models and context types.

Better Type Safety for your GraphQL resolvers with GraphQL Codegen

See what's new and shape the future of GraphQL Inspector together! It's entirely open-sourced!

New GraphQL Inspector and upcoming features

Stay up to date with changes in your GraphQL Schema. Receive notifications on Slack, Discord or even via WebHooks.

Schema Change Notifications in GraphQL Inspector

Detect breaking changes and identify possible issues in GraphQL API with GraphQL Inspector

Validate GraphQL Schema in any Continuous Integration and Delivery Pipeline

Use different variants of GraphQL schema.  Live and running GraphQL API as the source of truth of a schema.

Multiple environments and endpoints in GraphQL Inspector

Intercept schema changes via HTTP and decide which changes are acceptable which are not and all of this through a serverless function.

Enable Remote Control in GraphQL Inspector

GraphQL Mesh - Query anything, run anywhere

How to run React E2E tests purely with hooks. Tested with React-Native and Firebase Test Lab

How to run React E2E tests purely with hooks

Your Swiss Army Knife for the GraphQL ecosystem. Production-ready GraphQL app in seconds

GraphQL CLI is back!

GraphQL Config

More Types, Data Integrity and Strict Validations on GraphQL

GraphQL Scalars 1.0 is out!

The coolest, most underrated design pattern in React

I wrote a customizable CSS engine in JavaScript. Custom selectors, custom rules and custom events. You determine its behavior

I wrote a customizable CSS engine in JavaScript

Optimizing your Apollo Operations with GraphQL Code Generator and the Relay Compiler

How they’re implemented and their similarities with Angular services

Injectable services in React

GraphQL Codegen adds a new Apollo-Android and a new Java Backend plugins!

GraphQL Codegen adds new Apollo-Android and Java plugins

After a few years of working with GraphQL, as open-source developers and as infrastructure team in large enterprises, we’ve learned some lessons about GraphQL, and how to authenticate and authorize GraphQL API.

Authentication and Authorization in GraphQL (and how GraphQL-Modules can help)

The Guild is taking over maintenance of merge-graphql-schemas, so let’s talk about GraphQL Schema management

The Guild is taking over maintenance of merge-graphql-schemas

Manage Circular Imports Hell in GraphQL-Modules

Getting in-depth on making your application updated and safe

How should you pin dependencies and why?

Stencil-Apollo lets you easily use GraphQL in Web Components.

Stencil-Apollo - Stencil meets GraphQL

Use private class names instead of a dedicated component

<💅> Introducing a new encapsulation method for Styled-Components with Babel

Use and generate React Hooks with Apollo and Typescript with the new version of GraphQL Code Generator

GraphQL Code Generator - Introducing Hooks support for React Apollo plugin

An open-source full-stack example app made with Angular 7.2, TypeScript, GraphQL Subscriptions, GraphQL Code Generator, GraphQL Modules, PostgreSQL and TypeORM.

WhatsApp Clone using Angular, GraphQL, Apollo, TypeScript and PostgreSQL

Fully functional WhatsApp Clone using React (Hooks+Suspense), GraphQL, Apollo, TypeScript and PostgreSQL

WhatsApp Clone using React (Hooks+Suspense), GraphQL, Apollo, TypeScript and PostgreSQL

Ending the REST vs GraphQL debate once and for all

Sofa — The best way to REST (is GraphQL)

Use this magical Babel plugin and get a performance boost for your React components

Prevent breaking changes. Find broken operations. Get Schema Coverage. Check deprecated usage and type duplicates. All as part of your CI process

Introducing: GraphQL Inspector

Why did we implement our own Dependency Injection library for GraphQL-Modules?

Dependency Injection in GraphQL-Modules

Understand how scoped providers work in GraphQL-Modules Dependency Injection

Scoped Providers in GraphQL-Modules

Why is True Modular Encapsulation So Important in Large-Scale GraphQL Projects? — GraphQL Modules is your savior!

Modular Encapsulation in Large-Scale GraphQL Projects

This is how our brain detects shapes. And so shall the computer...

This is how our brain detects shapes

Writing a GraphQL TypeScript project w/ GraphQL-Modules and GraphQL-Code-Generator

How I helped improve Angular Console. By doing GraphQL the right way

How I helped improve Angular Console

Looking at the implementation and getting to know it inside out

Under the hood of React’s hooks system

How To Implement Server-Side using AccountsJS, GraphQL-Modules and Apollo-Server

Authentication with AccountsJS & GraphQL Modules

Learning how to think like a JSX parser and building an AST

Implementing a runtime version of JSX

GraphQL Modules  —  Feature based GraphQL Modules at scale

The challenges that I’ve faced and how I solved them

Recursive React tree component implementation made easy

Getting to know React DOM’s event handling system inside out

The basics of AOT compilers and how to write Babel plug-ins

This is how I build Babel plug-ins

How to call git, cpp, sh, etc, from a Node.JS script

Getting to know Node's child_process module

How to create a React app out of a Webflow project

How to build a Node.JS script to re-write history. pre-requisites: Familiarity with git rebase --interacitve

git rebase (not) --interactive

Check what's new in Apollo Angular and how to get the full potential benefits of using Angular + GraphQL + TypeScript combined thanks to GraphQL-Code-Generator

Apollo-Angular 1.2 - using GraphQL in your apps just got a whole lot easier!

Generate React Apollo Query, Mutation and Subscription components and hook. All completely typed by TypeScript.

GraphQL Code Generator for Typescript React Apollo

Generate React and Angular Apollo Components, Resolver signatures and much more!

GraphQL Code Generator v0.11

Angular CLI + Meteor — No more ejecting Webpack Configuration

*Introduction to new features of client bundler and React Native Meteor Polyfills including OAuth and persistent login session support etc

Connecting React Native and Meteor backend w/o any 3rd party library in 2018

Faster compilation and better source handling

Meteor with Webpack in 2018 — Faster compilation and better source handling

Introduction to new features of MCB. Better React Native support, handling Meteor imports etc.

What’s new on Meteor Client Bundler — Better React Native support, handling Meteor imports etc…

The GraphQL codegen library can generate any code for any language — including type definitions, data models, query builder, resolvers, ORM code, complete full stack platforms!! and any specific code for your needs.

What's new in GraphQL Codegen 0.9.0

A GeoReferenced Multiplayer First Person Shooter Game

Open source FPS with Apollo GraphQL — GeoStrike (Alpha)

Introducing GraphQL Code Generator

NodeJS Advanced — How to create a native add-on using C++

How to create a native add-on using C++

New name, AoT support, TypeScript improvements, and Angular 4 readiness

Apollo Angular 0.11

Build a WhatsApp Clone with Ionic 2, Angular 2, and Meteor

In this post, I’ll make the case for why Angular needs a best practice for communicating with the server, and why GraphQL should be that best practice.

GraphQL as a best practice for modern Angular apps?

build a WhatsApp clone using Meteor, Angular, and the Ionic Framework for CSS and mobile components

Search docs

Products by The Guild

Products

Hive

Open Source

Envelop

Inspector

Code Generator

CLI

ESLint

Scalars

Mesh

Modules

Tools

SOFA

Angular

Config

WhatsApp

Stencil

We are The Guild

Our services

Consulting

Training

Engineering

Open Source

We have a blog

GraphQL with TypeScript done right

Making Open Source Easy - Orchestrating the Open Source Contribution Workflow

Subscriptions and Live Queries - Real Time with GraphQL

We do Open Source

GraphQL with any source of data

Code Generation and Type Safety

Modularization of GraphQL API

Maintenance and Analysis of GraphQL API

GraphQL-ESLint

Utilities for GraphQL