IIRF Online > Development > Web Development > React JS > GraphQL with React: The Complete Developers Guide
GraphQL with React: The Complete Developers Guide by Udemy
Learn and master GraphQL by building real web apps with React and Node
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
Skills you will learn!
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!
GraphQL with React: The Complete Developers Guide
Related React JS Courses
Thank You!
Your review has been submitted successfully.