Course Highlights
  • Build amazing single page applications with React JS and GraphQL
  • Master fundamental concepts behind structuring GraphQL servers
  • Realize the power of building flexible data schemas
  • Be the engineer who explains how GraphQL works to everyone else, because you know the fundamentals so well
  • Become fluent in the ecosystem supporting GraphQL, including the differences between Apollo and Relay
Curriculum

2 Topics
Introduction
Join Our Community!

2 Topics
Review of REST-ful Routing
Shortcomings of RESTful Routing

13 Topics
What is GraphQL?
Working with GraphQL
TypeError: expressGraphQL is not a function
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

12 Topics
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!

2 Topics
GraphQL Clients - Apollo vs Relay
Sidenote - Apollo Server vs GraphQL Server

9 Topics
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

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

9 Topics
Mutations in React
Query Params
Defining Query Variables in React
Navigating on Successful Mutation
Troubleshooting List Fetching
Refetching Queries
Deletion by Mutation
Associating Mutations with a Component
Invoking Delete Mutations

4 Topics
Refetching a Query
A Quick CSS Breather
Showing a Particular Song
Fetching Individual Records

11 Topics
Integrating React Router with GraphQL
Watching for Data
Navigating Between Screens
Lyric Creation Form
The CreateLyric Mutation
Submitting Mutations
Showing a List of Lyrics
Enhancing Queries
Identifying Records
Caching with DataIdFromObject
Thumbs Up Icon

7 Topics
The Like Mutation
Showing Likes with Lyrics
Fetching Likes
Optimistic UI Updates
Handling Optimistic Responses
A Quick Bugfix
Application Wrapup

12 Topics
App Overview
App Challenges
Boilerplate Setup
Authentication Approach
MLab Setup
The User Type
The Signup Mutation
Delegating to the Auth Service
Testing Signup
The Logout Mutation
The Login Mutation
Checking Authentication Status

17 Topics
Client Side Setup
Root Routes with React Router
Figuring Out the Current User
Including Cookies with GraphQL Requests
Authentication State
Login and Logout Buttons
Handling the Logout Mutation
Automatic Component Rerenders
Login Form Design
The Auth Form
Importing the Login Mutation
Submitting the Auth Form
Refreshing the Current User
Error Handling with GraphQL
More on Error Handling
The Signup Mutation
More on the Signup Mutation

10 Topics
Handling Errors Around Signup
Race Conditions - A Big Gotcha
Finalized Auth Flow
Fixing the Login Process
Fix Signup Too!
The Dashboard Route
The Need for a HOC
Getting Started with RequireAuth
Applying RequireAuth
Fixing RequireAuth

1 Topic
Bonus!

  Write a Review

GraphQL with React: The Complete Developers Guide

Go to Paid Course