xavxyz/graphql-workshop

graphql-workshop

Requirements

• Node installed, I have version 10.3.0 but anything that supports async await is great!
• I use yarn but npm is 💯
• Git
• Heroku Account - https://heroku.com/
• CodeSanbox Account is preferred so you can keep all the files in your account
• Javascript knowledge
• React knowledge

What We will be building:

• Server: https://graphql-workshop-server.now.sh/
• Front End: https://graphql-workshop-fe.now.sh/

Start

git clone git@github.com:SaraVieira/graphql-workshop.git
cd graphql-workshop
yarn # or npm i

cd server-start-start
yarn dev

Frontend

Endpoint: https://api.graphcms.com/simple/v1/awesomeTalksClone

Queries

• 1: Start - https://codesandbox.io/s/p3nz4p0w60
• 1: End - https://codesandbox.io/s/ql2zjk19qw
• 2: Make your own query component - Start: https://codesandbox.io/s/n5m93n3y14
• 2: Make your own query component - End: https://codesandbox.io/s/n5m93n3y14
• 3: Variables in Query - Start: https://codesandbox.io/s/y20oywypmx
• 3: Variables in Query - End: https://codesandbox.io/s/x7513py6rq

Mutations

• 1: Start - https://codesandbox.io/s/l5k20vz4v7
• 1: End - https://codesandbox.io/s/q312699npq
• 2: Update UI - Start: https://codesandbox.io/s/zzwx03v53
• 2: Update UI - End: https://codesandbox.io/s/r74mqn22jm

Pagination

• 1: Start - https://codesandbox.io/s/xxx
• 1: End - https://codesandbox.io/s/xxx