luizportela / graphql-playground

Node.js and React stack for playing

How to start?

Backend

• cd backend
• yarn
• yarn start

and play with es6 node server

• http://localhost:9000/graphql - endpoint of GraphQL server
• http://localhost:9000/graphql-explorer - GraphQL Explorer

Frontend

classic create-react-app base

• cd frontend
• yarn
• yarn start

Exercise

1. Backend schema

   • Create Basic schema with Query and resolvers.
   • Then run http://localhost:9000/graphql-explorer
   • Helpful tutorial

Data Model:

   type Channel {
     id: ID!
     name: String
   }

2. Connect Client

   • Create componnet ChannelsList and connect it to GraphQL
   • Check 4. block about component
   • Use simple query

3. Mutations

   • Server - query + resolver 2. Defining the GraphQL mutation on the server
   • Client with optimistic UI 3. Calling the mutation from a React component
   • Optimistic UI Speeding up GraphQL Mutations with optimistic UI

4. Subscriptions

   • Create subscription for new channel (It's different than tutorial :))
   • Subscriptions server
   • Subscriptions client