laurisvan / graphql-workshop

A three-hour GraphQL workshop to walkthrough a Node.js/Apollo/React Frontend application

GraphQL Workshop

Learning outcome

As a part of this workshop, we will

1. Perform simple GraphQL queries on top of an existing API
2. Bootstrap a basic Node.js/TypeScript/Apollo Server stack
3. Write a simple "Hello World" GraphQL API
4. Modularise the API into a few modules doing real-world operations against database
5. Write a simple React frontendto connect to the backend
6. Add custom datatypes and write faster resolvers using Data Loaders
7. Add JWT based authentication & role based access control
8. Give some pointers for your further studies

Prerequisities

To participate this workshop, the following skills are expected:

• Writing simple Node.js / TypeScript applications
• Writing simple React apps (using create-react-app)

This workshop will use the following tools:

• Insomnia or another GraphQL client
• Node.js (v14 LTS or later) used in examples
• Postgres (any version)
• Postico or another Postgres database client
• JQ for CLI JSON manipulation for JSON manipulation - used in a few scripts
• Sponge from moreutils for CLI JSON manipulation for JSON manipulation - used in a few scripts

Quick'n'dirty setup on OS/X / Homebrew:

brew cask install insomnia
brew install nodejs
# Alternative for node.js
brew install nvm ; nvm use 14
brew install postgres
brew cask install postico
brew install jq moreutils

If you are using VS.code (recommended), you will also benefit from the following plugins:

• Debugger for Chrome
• GraphQL

When you are ready, let's move to the Chapter 1: Simple GraphQL Queries!