A weekly newsletter of the best news, articles and projects about GraphQL

Tutorials

React Form Validation With Formik, Yup, and GraphQL

This in-depth guide demonstrates how to validate a React user registration form by building a React and Apollo client with an Express and GraphQL Yoga server. The tutorial provides a server boilerplate and walks through using Yup for error validation. On the client side, the tutorial explains how to use the Higher Order Component version of Formik to pass a validation schema.

Tutorials

Football Transfers Graph App with the GRANDstack Starter Kit

This tutorial goes into detail on how to create an app with GraphQL, React, Apollo, and Neo4j using a starter kit template that can be found in the article. It demonstrates how to use neo4j-graphql-js library to generate an initial GraphQL schema and how to manipulate the results of the query to populate tables. Mark Needham also provides examples on modifying GraphQL types and mapping a custom Cypher query to a type.

Tutorials

GraphQL Recipes - Building APIs with GraphQL Transform

Learn how to utilize the GraphQL Transform library which allows you to deploy AWS AppSync GraphQL APIs with features like NoSQL databases, authentication, and more. Nader Dabit demonstrates how to use the 7 directives offered by GraphQL Transform to build out the backends for various example apps. He also provides all the resources and instructions for deploying these apps at the top of the tutorial.

Mock your GraphQL Server realistically with Faker.js

Have you been in a situation where your GraphQL server needs to use an API that is not implemented yet? Take a look at faker.js, a library that allows you to generate dummy data in node or in the browser. Frin Yvonnick guides you through how to set up an Apollo server and implement a GraphQL endpoint. Then, Yvonnick utilizes faker.js to write custom mocked resolvers and pass them to an Apollo server.

Tutorials

GraphQL on Rails: 3 Part Series

Check out this extensive 3 part series on developing GraphQL APIs with Rails on the backend and React/Apollo on the frontend. The guide explains how to set up a Rails server from scratch and walks through how to prepare the data model. Learn how to manipulate data using GraphQL mutations and keep it up-to-date with subscriptions in parts 2 and 3.

Optimizing Queries with the GraphQL Code Generator

This article explains how to use GraphQL Fragments with Apollo Client and the Relay compiler to transform queries before GraphQL Code Generator outputs generated code. The article includes a working codegen/relay plugin and demonstrates how to configure it for any react-apollo project.

Tutorials

GraphQL Tutorial Series

Check out Hasura’s 2 hour GraphQL Tutorial series on what GraphQL is and how to integrate GraphQL APIs with different web/mobile frameworks. They currently have tutorials using React, Vue, iOS, Hasura, and many more coming soon. The tutorials take you step by step from setting up a GraphQL client with Apollo to creating subscriptions and receiving realtime data.

Tutorials

Schema Stitching with Hot Chocolate on ASP.Net Core

Hot Chocolate is a .net GraphQL server that introduces schema stitching to the .net platform. The article walks you through what schema stitching is and what it can do for you. It shows how to setup a GraphQL gateway that stitches multiple schemas and creates one consistent schema for your consumers

Securing GraphQL Services without Code

A short tutorial illustrating how a GraphQL proxy can help increase security in a GraphQL backend, this article discusses two possible solutions. Both hinge on the use of GraphQL Go Tools. In the first example, the article covers using the tools with Prisma and in the second, the combination of the tooling with Neo4j.

Tutorials

GraphQL with Golang: A Deep Dive From Basics To Advanced

This piece offers an introductory tutorial of GraphQL with Go. Using gqlgen and working with the hypothetical example of a video publishing site, this article walks the reader from queries, mutations, subscriptions, etc, to more advanced topics, including authentication and optimizing the queries themselves.

Create Fullstack Applications with GraphQL and Apollo

This playlist on egghead.io by Eve Porcello and Alex Banks covers everything you need to get started with GraphQL, Apollo Server, and Apollo Client.

SwagQL: Generate customizable GraphQL schema from Swagger spec

This article covers the use of SwagQL at Groupon. SwagQL builds a GraphQL schema from a Swagger (or Open API) spec that provides GraphQL Types, Queries, and Mutations. The generated schema can be customized using babel plugins. Offering a tutorial on using SwagQL with Swagger's Pet Store example, the piece goes over building a GraphQL interface for that backend. It is always interesting to see the various approaches companies take when working with GraphQL and Swagger together in production.

Tutorials

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

A rich tutorial in 13 steps, this article is the introduction to an updated version of a Whatsapp clone tutorial from 2015. The tutorial, published earlier this week, takes great care to cover best practices when building an app. The subjects covered in the piece include basic authentication, subscriptions, and advanced tooling.

GraphQL (with React, Angular, Vue, and Node)

A 4 day GraphQL (with React, Angular, Vue, and Node) bootcamp, this live-streamed and recorded video covers working with GraphQL on a client in all popular frontend frameworks as well as how to create your own GraphQL server with various solutions. Taking advantage of Youtube's livestream feature, the video has not only the traditional comments at the bottom but also a real time log of the conversations and viewer questions.

Tutorials

Try GraphQL

A fun, interactive GraphQL tutorial, Try GraphQL takes a user from running a simple query in GraphQL, all the way up to querying from a react app. With a cool aesthetic and interesting challenges throughout, this is a fun way to practice and get familiar with GraphQL.

Tutorials

Authentication and Authorization Basics with GraphQL and REST

This easy to follow overview tutorial by Rodrigo Quezada provides an introduction to Authentication and Authorization. The piece offers an intro to JSON web tokens, the middleware approach to authentication, as well as using graphql-yoga. It rounds out with some details on Authorization with GraphQL Shield.

Effortless Real-time GraphQL API with Serverless Business Logic

This tutorial by Vladimir Novick covers deploying a GraphQL API with Hasura using Docker and the capabilities offered by the Hasura console once deployed.With a console walkthrough, this piece offers a good summary of the Hasura's functionality and additional tooling.

GraphQL Persisted Queries with Apollo Server 2

The third piece in a series on persisted queries and working with Apollo Server 2. A straightforward guide that covers how to clean up some code and work better the new Apollo functionality.

Merging 2 GraphQL APIs at the Same Level

Covering a new "union pattern" to merge APIs, this tutorial combines an AppSync API and Gitub API to create a a single API service. Walking through the process of setting this up, the article closes out by covering how to deploy the new API server to AWS Lambda.

Tutorials

How to survive a Penetration Test as a GraphQL developer

A helpful security-focused tutorial, the piece offers several examples of how developers can lock down their GraphQL applications against potential intruders. The article covers Access Control, Anti-Automation, Server-Side Validation Checks, and Verbose Error Messaging and provides readers with some great early steps to begin to lock down their app.

Basics of Caching Data in GraphQL Apollo React Client

A dense article, this piece shares a variety of caching strategies in React Apollo GraphQL Client. While offering a swathe of options, the tutorial is also diligent about linking out to articles that dive deeper, helping anyone investigate any specific approach further.

How to use Postman with GraphQL APIs

For users and fans of Postman, this article does exactly what it says on the tin. 🥫

Tutorials

GraphQL concepts I wish someone explained to me a year ago

A deep and helpful seven part series on GraphQL! In it Naresh Bhatia covers Queries, Mutations, and Subscriptions for client and server implementations. The series distinguishes itself by deliberately covering a more advanced GraphQL example. It sets up a potential real life example of books, authors, and publishers to highlight some of the more complex problems that the relationships between entities can cause in GraphQL.

Tutorials

Apollo Server and Express

In the following tutorial, you are going to implement server-side architecture with GraphQL and Apollo Server. Apollo Server on top of graphql-js aims to simplify building GraphQL servers in JavaScript. Checkout this tutorial to get an awesome boilerplate for your future GraphQL projects.

Tutorials

GraphQL APIs for Database Administration

This article by Michael Hunger, explores the concept of database administration through GraphQL. Leveraging Neo4j, by installing the neo4j-graphqlextension you will have a nice admin api put of the box. After the simple click to install, you'll be ready to play with your Admin API via GraphiQL or GraphQL Playground.

Connecting Phoenix Applications with Absinthe and Subscriptions

In this tutorial, Eric Sullivan from Annkissam dives into leveraging GraphQL Subscriptions in your Elixir/Phoenix applications. This tutorial will have you exploring a simple application with Absinthe Phoenix building data models to GraphQL schemas. You'll be up and running with subscriptions in no time!

Tutorials

A Gentle Introduction to GraphQL with Elixir and Phoenix

This tutorial by Brandon Richey is an excellent introductory guide for Elixir/Phoenix developers that want to learn how to get started with GraphQL. Bonus points for a great structure and detailled instructions!

GraphQL Dynamic Persisted Queries

Corey Clark teaches you how to build a fullstack app (React & Node) that uses dynamic persisted queries. It's great to see more tutorials that are touching on non-trivial use cases for GraphQL - huge shoutout to Corey for that!

Tutorials

Build a Simple GraphQL Server with GraphQL Yoga

This GraphQL lesson by Christian Nwamba on the amazing egghead.io website takes you through the process of setting up a GraphQL server with the graphql-yoga library. The easiest way to get started with GraphQL!

GraphQL Shield

The GraphQL Shield library allows to implement authorization logic in your GraphQL server based on graphql-middleware. In this tutorial, Matic Zavadlal explains how to build a simple groceries shopping application that manages permissions with graphql-shield.