Loading...

​​Intro to GraphQL

​​April 12-13, 2023

​​

​​Shortlink to this document: bit.ly/gql-class

​​

​​Points of Contact:

• ​​Simon Sturmer <sstur@me.com> - Instructor

• ​​Maddisen Tingey <maddisen-tingey@pluralsight.com> - Project Manager

​​

​​Prerequisites

​​You should be familiar with the following:

• ​​Modern JavaScript or TypeScript

• ​​Basics of HTTP and REST

• ​​Node.js and asynchronous programming

• ​​Basic proficiency with React

​​

​​Links for this class

• ​​Slide Deck

• ​​Course Outline

• ​​Node starter code

• ​​Node Express starter code

• ​​Node + React starter code

• ​​Apollo Server + React starter code

• ​​Demo GraphQL Server here

• ​​Demo GraphQL Server with React frontend here

​​

​​Labs, Exercises and Examples

​​

​​Day 1

​​

​​Task 1

​​Use the GraphQL playground from the demo GraphQL server (below). Your objective is to write a query to get the list of tasks. Each task should include id​, title​ and some details about the user that task belongs to (user’s id​, name​).

• ​​Start here (remember to hit the “Open in new tab” button in the upper right)

• ​​Solution here

​​

​​Example:

​​Building a simple GraphQL server using Node and Apollo.

• ​​Code here

​​

​​Task 2

​​Write a tasks​ resolver that will return all the tasks.

• ​​Start here

• ​​Solution here

​​

​​Example:

​​Adding a resolver for a single task.

• ​​Code here

​​

​​Task 3

​​Write resolvers for users.