GraphQL: Building Real Web Apps

GraphQL: Building Real Web Apps

Get ready for your exam by enrolling in our comprehensive training course. This course includes a full set of instructional videos designed to equip you with in-depth knowledge essential for passing the certification exam with flying colors.

$14.99 / $24.99

Why GraphQL?

  • 1. Introduction
    2m 35s

A REST-ful Routing Primer

  • 1. Review of REST-ful Routing
    5m 29s
  • 2. Shortcomings of RESTful Routing
    10m 16s

On To GraphQL

  • 1. What is GraphQL?
    7m 23s
  • 2. Working with GraphQL
    6m 2s
  • 3. Registering GraphQL with Express
    6m 38s
  • 4. GraphQL Schemas
    4m 9s
  • 5. Writing a GraphQL Schema
    6m 52s
  • 6. Root Queries
    6m 31s
  • 7. Resolving with Data
    6m 29s
  • 8. The GraphiQL Tool
    8m 54s
  • 9. A Realistic Data Source
    8m 53s
  • 10. Async Resolve Functions
    9m 36s
  • 11. Nodemon Hookup
    2m 10s
  • 12. Company Definitions
    5m 11s

Fetching Data with Queries

  • 1. Nested Queries
    3m 48s
  • 2. More on Nested Queries
    8m 1s
  • 3. A Quick Breather
    4m 32s
  • 4. Multiple RootQuery Entry Points
    4m 41s
  • 5. Bidirectional Relations
    3m 12s
  • 6. More on Bidirectional Relations
    4m 14s
  • 7. Resolving Circular References
    5m 51s
  • 8. Query Fragments
    7m 3s
  • 9. Introduction to Mutations
    7m 24s
  • 10. NonNull Fields and Mutations
    8m 41s
  • 11. Do It Yourself - Delete Mutation!
    9m 9s
  • 12. Do It Yourself - Edit Mutation!
    13m 23s

The GraphQL Ecosystem

  • 1. GraphQL Clients - Apollo vs Relay
    3m 40s
  • 2. Sidenote - Apollo Server vs GraphQL Server
    5m 45s

Clientside GraphQL

  • 1. The Next App
    3m 40s
  • 2. Starter Pack Walkthrough
    6m 30s
  • 3. MongoLab Setup
    9m 5s
  • 4. Working Through the Schema
    9m 45s
  • 5. Apollo Client Setup
    10m 15s
  • 6. React Component Design
    7m 36s
  • 7. GQL Queries in React
    7m 48s
  • 8. Bonding Queries with Components
    8m 19s

Gotchas with Queries in React

  • 1. Handling Pending Queries
    7m 58s
  • 2. Fixing Key Warnings
    4m 11s
  • 3. Architecture Review
    4m 5s
  • 4. Adding React Router
    7m 24s
  • 5. Creating a Song
    9m 47s

Frontend Mutations

  • 1. Mutations in React
    7m 55s
  • 2. Query Params
    11m 29s
  • 3. Defining Query Variables in React
    8m 25s
  • 4. Navigating on Successful Mutation
    9m 46s
  • 5. Troubleshooting List Fetching
    8m 31s
  • 6. Refetching Queries
    9m 45s
  • 7. Deletion by Mutation
    6m 53s
  • 8. Associating Mutations with a Component
    4m 35s
  • 9. Invoking Delete Mutations
    9m 7s

Automatic Data Caching

  • 1. Refetching a Query
    5m 44s
  • 2. A Quick CSS Breather
    3m 7s
  • 3. Showing a Particular Song
    6m
  • 4. Fetching Individual Records
    9m 37s

React Router + GraphQL

  • 1. Integrating React Router with GraphQL
    15m 34s
  • 2. Watching for Data
    4m 32s
  • 3. Navigating Between Screens
    3m 59s
  • 4. Lyric Creation Form
    3m 10s
  • 5. The CreateLyric Mutation
    11m
  • 6. Submitting Mutations
    8m 38s
  • 7. Showing a List of Lyrics
    3m 27s
  • 8. Enhancing Queries
    7m 35s
  • 9. Identifying Records
    9m 47s
  • 10. Caching with DataIdFromObject
    9m 4s
  • 11. Thumbs Up Icon
    3m 57s

More on Client Side Mutations

  • 1. The Like Mutation
    6m 5s
  • 2. Showing Likes with Lyrics
    4m 4s
  • 3. Fetching Likes
    5m 31s
  • 4. Optimistic UI Updates
    4m 55s
  • 5. Handling Optimistic Responses
    6m 57s
  • 6. A Quick Bugfix
    2m 19s
  • 7. Application Wrapup
    5m 36s

Building From (Mostly) Scratch

  • 1. App Overview
    4m 13s
  • 2. App Challenges
    7m 5s
  • 3. Boilerplate Setup
    7m 45s
  • 4. Authentication Approach
    13m 2s
  • 5. MLab Setup
    3m 28s
  • 6. The User Type
    7m 13s
  • 7. The Signup Mutation
    9m 14s
  • 8. Delegating to the Auth Service
    7m 10s
  • 9. Testing Signup
    7m 47s
  • 10. The Logout Mutation
    6m 27s
  • 11. The Login Mutation
    6m 30s
  • 12. Checking Authentication Status
    6m

Moving Client Side

  • 1. Client Side Setup
    8m 11s
  • 2. Root Routes with React Router
    8m 30s
  • 3. Figuring Out the Current User
    10m 31s
  • 4. Including Cookies with GraphQL Requests
    9m 26s
  • 5. Authentication State
    7m 8s
  • 6. Login and Logout Buttons
    6m 53s
  • 7. Handling the Logout Mutation
    7m 47s
  • 8. Automatic Component Rerenders
    6m 10s
  • 9. Login Form Design
    5m 2s
  • 10. The Auth Form
    9m 53s
  • 11. Importing the Login Mutation
    6m 51s
  • 12. Submitting the Auth Form
    7m 40s
  • 13. Refreshing the Current User
    3m 49s
  • 14. Error Handling with GraphQL
    8m 30s
  • 15. More on Error Handling
    10m 45s
  • 16. The Signup Mutation
    8m 50s
  • 17. More on the Signup Mutation
    6m 27s

Handling Errors Gracefully

  • 1. Handling Errors Around Signup
    6m 11s
  • 2. Race Conditions - A Big Gotcha
    9m 44s
  • 3. Finalized Auth Flow
    6m 23s
  • 4. Fixing the Login Process
    13m 2s
  • 5. Fix Signup Too!
    5m 8s
  • 6. The Dashboard Route
    3m 24s
  • 7. The Need for a HOC
    3m 5s
  • 8. Getting Started with RequireAuth
    8m 17s
  • 9. Applying RequireAuth
    5m 2s
  • 10. Fixing RequireAuth
    6m 14s
Study4Pass does not provide real Microsoft exam questions. Similarly, Study4Pass does not supply real Amazon exam questions. The materials offered by Study4Pass lack real questions and answers from Cisco's certification exams. The CFA Institute neither endorses nor assures the accuracy or quality of Study4Pass content. CFA® and Chartered Financial Analyst® are registered trademarks held by the CFA Institute.

© study4pass.com 2025. All rights reserved.