GraphQL with React Online Course

Why GraphQL

• Welcome!
• Introduction
• Course Resources
• Join Our Community!

A REST-ful Routing Primer

• Review of REST-ful Routing
• Shortcomings of RESTful Routing

On To GraphQL

• What is GraphQL?
• Working with GraphQL
• Registering GraphQL with Express
• GraphQL Schemas
• Writing a GraphQL Schema
• Root Queries
• Resolving with Data
• The GraphiQL Tool
• A Realistic Data Source
• Async Resolve Functions
• Nodemon Hookup
• Company Definitions

Fetching Data with Queries

• Nested Queries
• More on Nested Queries
• A Quick Breather
• Multiple RootQuery Entry Points
• Bidirectional Relations
• More on Bidirectional Relations
• Resolving Circular References
• Query Fragments
• Introduction to Mutations
• NonNull Fields and Mutations
• Do It Yourself - Delete Mutation!
• Do It Yourself - Edit Mutation!

The GraphQL Ecosystem

• GraphQL Clients - Apollo vs Relay
• Sidenote - Apollo Server vs GraphQL Server

Clientside GraphQL

• The Next App
• Starter Pack Walkthrough
• MongoDB Atlas Setup and Configuration
• MongoLab Setup
• Working Through the Schema
• Apollo Client Setup
• React Component Design
• GQL Queries in React
• Bonding Queries with Components

Gotchas with Queries in React

• Handling Pending Queries
• Fixing Key Warnings
• Architecture Review
• Adding React Router
• Creating a Song