GraphQL for JS developers

Welcome to the GraphQL workshop! 🌈

In this workshop we are going to build a GraphQL server for a Twitter Lite app. The workshop material is divided into following:

• ⚙️ Setup GraphQL Server
• 🍎 Define GraphQL Queries
• 🥑 Define GraphQL Mutations
• 🔑 Access Control & Authorization
• 🥝 GraphQL Queries in React
• 🍇 GraphQL Mutations in React
• 🍕 Fragments
• 🦋 Optimistic UI
• 🐞 Subscriptions

See a demo here here.

🔧 Setup

git clone https://github.com/glennreyes/graphql-workshop.git
cd graphql-workshop
yarn

🛰 Working with the GraphQL Server

Move to the server folder:

cd server

Start server in dev/watch mode. This will re-run the server everytime you make changes in the source.

yarn dev

⚛️ Working with the Client (Create React App)

Move to the client folder:

cd client

Start the app with:

yarn start

📚 Exercises

• 1 – Setup the GraphQL server
• 2 – Create queries for User and Tweet
• 3 – Create mutations for User and Tweet
• 4 – Access control & Authorization
• 5 – Queries in React
• 6 – Mutations in React
• 7 – Fragments
• 8 – Optimistic UI
• 9 – Subscriptions

Misc

• Server cheat sheet
• Client cheat sheet
• Bonus exercises

🔗 Helpful links

• https://graphql.org/learn
• https://www.apollographql.com/docs/apollo-server
• https://www.apollographql.com/docs/react
• https://www.howtographql.com

✏️ Feedback form

https://glennreyes.com/workshops/feedback