GraphQL: Building Real Web Apps Video Course

Curriculum For This Course

• 1. Why GraphQL? 1 Videos 00:02:35
  • Introduction 02:35
• 2. A REST-ful Routing Primer 2 Videos 00:15:45
  • Review of REST-ful Routing 05:29
  • Shortcomings of RESTful Routing 10:16
• 3. On To GraphQL 12 Videos 01:18:47
  • What is GraphQL? 07:23
  • Working with GraphQL 06:02
  • Registering GraphQL with Express 06:38
  • GraphQL Schemas 04:09
  • Writing a GraphQL Schema 06:52
  • Root Queries 06:31
  • Resolving with Data 06:29
  • The GraphiQL Tool 08:54
  • A Realistic Data Source 08:53
  • Async Resolve Functions 09:36
  • Nodemon Hookup 02:10
  • Company Definitions 05:11
• 4. Fetching Data with Queries 12 Videos 01:19:59
  • Nested Queries 03:48
  • More on Nested Queries 08:01
  • A Quick Breather 04:32
  • Multiple RootQuery Entry Points 04:41
  • Bidirectional Relations 03:12
  • More on Bidirectional Relations 04:14
  • Resolving Circular References 05:51
  • Query Fragments 07:03
  • Introduction to Mutations 07:24
  • NonNull Fields and Mutations 08:41
  • Do It Yourself - Delete Mutation! 09:09
  • Do It Yourself - Edit Mutation! 13:23
• 5. The GraphQL Ecosystem 2 Videos 00:18:50
  • GraphQL Clients - Apollo vs Relay 03:40
  • Sidenote - Apollo Server vs GraphQL Server 05:45
• 6. Clientside GraphQL 8 Videos 01:02:58
  • The Next App 03:40
  • Starter Pack Walkthrough 06:30
  • MongoLab Setup 09:05
  • Working Through the Schema 09:45
  • Apollo Client Setup 10:15
  • React Component Design 07:36
  • GQL Queries in React 07:48
  • Bonding Queries with Components 08:19
• 7. Gotchas with Queries in React 5 Videos 00:33:23
  • Handling Pending Queries 07:58
  • Fixing Key Warnings 04:11
  • Architecture Review 04:05
  • Adding React Router 07:24
  • Creating a Song 09:47
• 8. Frontend Mutations 9 Videos 01:16:26
  • Mutations in React 07:55
  • Query Params 11:29
  • Defining Query Variables in React 08:25
  • Navigating on Successful Mutation 09:46
  • Troubleshooting List Fetching 08:31
  • Refetching Queries 09:45
  • Deletion by Mutation 06:53
  • Associating Mutations with a Component 04:35
  • Invoking Delete Mutations 09:07
• 9. Automatic Data Caching 4 Videos 00:24:27
  • Refetching a Query 05:44
  • A Quick CSS Breather 03:07
  • Showing a Particular Song 06:00
  • Fetching Individual Records 09:37
• 10. React Router + GraphQL 11 Videos 01:20:41
  • Integrating React Router with GraphQL 15:34
  • Watching for Data 04:32
  • Navigating Between Screens 03:59
  • Lyric Creation Form 03:10
  • The CreateLyric Mutation 11:00
  • Submitting Mutations 08:38
  • Showing a List of Lyrics 03:27
  • Enhancing Queries 07:35
  • Identifying Records 09:47
  • Caching with DataIdFromObject 09:04
  • Thumbs Up Icon 03:57
• 11. More on Client Side Mutations 7 Videos 00:35:25
  • The Like Mutation 06:05
  • Showing Likes with Lyrics 04:04
  • Fetching Likes 05:31
  • Optimistic UI Updates 04:55
  • Handling Optimistic Responses 06:57
  • A Quick Bugfix 02:19
  • Application Wrapup 05:36
• 12. Building From (Mostly) Scratch 12 Videos 01:25:53
  • App Overview 04:13
  • App Challenges 07:05
  • Boilerplate Setup 07:45
  • Authentication Approach 13:02
  • MLab Setup 03:28
  • The User Type 07:13
  • The Signup Mutation 09:14
  • Delegating to the Auth Service 07:10
  • Testing Signup 07:47
  • The Logout Mutation 06:27
  • The Login Mutation 06:30
  • Checking Authentication Status 06:00
• 13. Moving Client Side 17 Videos 02:12:18
  • Client Side Setup 08:11
  • Root Routes with React Router 08:30
  • Figuring Out the Current User 10:31
  • Including Cookies with GraphQL Requests 09:26
  • Authentication State 07:08
  • Login and Logout Buttons 06:53
  • Handling the Logout Mutation 07:47
  • Automatic Component Rerenders 06:10
  • Login Form Design 05:02
  • The Auth Form 09:53
  • Importing the Login Mutation 06:51
  • Submitting the Auth Form 07:40
  • Refreshing the Current User 03:49
  • Error Handling with GraphQL 08:30
  • More on Error Handling 10:45
  • The Signup Mutation 08:50
  • More on the Signup Mutation 06:27
• 14. Handling Errors Gracefully 10 Videos 01:06:30
  • Handling Errors Around Signup 06:11
  • Race Conditions - A Big Gotcha 09:44
  • Finalized Auth Flow 06:23
  • Fixing the Login Process 13:02
  • Fix Signup Too! 05:08
  • The Dashboard Route 03:24
  • The Need for a HOC 03:05
  • Getting Started with RequireAuth 08:17
  • Applying RequireAuth 05:02
  • Fixing RequireAuth 06:14