Intermediate Apollo for React & GraphQL Developers

The Intermediate Apollo for React & GraphQL Developers training course training course brings developers up to speed with modern JavaScript web app development with the React & GraphQL framework, Apollo. Using Apollo to build your React & GraphQL applications can bring powerful benefits to your application, such as using GraphQL fragments to declare the data needed by components, co-locating those fragments with the components, support for mutations, and logic to perform data fetching and caching in the Apollo store.  Additionally, this course will explore how GraphQL APIs and React Components are integrated with Apollo. The course culminates in a group project where the topics in the class are applied in a practical context complete with a class presentation and code review to ensure mastery. Note: Prior working knowledge and practical experience of Modern JavaScript, GraphQL and React is assumed for this course.

Course Summary

Purpose: 
Teach React developers how to leverage GraphQL and Apollo.
Audience: 
Existing React developers wanting a different API and infrastructure for consuming data on the front-end.
Skill Level: 
Learning Style: 

Hands-on training is customized, instructor-led training with an in-depth presentation of a technology and its concepts, featuring such topics as Java, OOAD, and Open Source.

Hands On help
Duration: 
2 Days
Productivity Objectives: 
  • Connect React Components to a GraphQL APIs via containers and the Apollo Store

  • Construct GraphQL query and mutation endpoints for Apollo

  • Perform mutations with Apollo and React

  • Configure Apollo on the Server-Side and Client-Side

What You'll Learn

In the Intermediate Apollo for React & GraphQL Developers training course you’ll learn:

  • Introduction
    • What is Apollo?

    • Apollo compared to Flux, Redux, and Relay

    • Benefits of GraphQL, React and Apollo

  • Apollo Server
    • Configuring Apollo Server with Express

    • GraphQL Schema Definition Language

    • GraphQL Type System

    • Apollo Engine

    • Apollo Data Connector

  • Connecting React to GraphQL
    • Setting up the Apollo Networking Environment

    • Passing Custom Headers to the GraphQL Server

    • Using the Apollo Provider to connect GraphQL to React

    • Co-locating the GraphQL Query with the React component

    • Using the Query Component

    • Handling Loading and Error States

    • Understanding the GraphQL Cache

  • Extending the Component Tree
    • Using Fragments

    • Writing GraphQL Fragments

    • Linking Fragments from a Child to a Parent

    • Nesting Many Fragment Containers

    • Exploring Apollo GraphQL Requests and State using Tooling

    • Higher Order Components with the GraphQL Function

  • Working with a Collection of Data
    • GraphQL and Collections of Data

    • Offset vs. Cursor Based Pagination

    • Incremental Loading

    • Connection Directive

  • Performing Mutations
    • Exploring Kinds of Mutations: Add, Delete and Update Node

    • Understanding GraphQL beyond CRUD operations

    • Configuring Mutations within Apollo Server

    • Configuring Mutations within Apollo Client

    • Store Updates, Optimistic Responses

    • Handling Errors from Failed Mutations

  • Advanced Features
    • Using Interface and Union Types

    • Pre-fetching Data

    • Subscriptions

Get Custom Training Quote

We'll work with you to design a custom Intermediate Apollo for React & GraphQL Developers training program that meets your specific needs. A 100% guaranteed plan that works for you, your team, and your budget.

Learn More

Chat with one of our Program Managers from our Boulder, Colorado office to discuss various training options.

DevelopIntelligence has been in the technical/software development learning and training industry for nearly 20 years. We’ve provided learning solutions to more than 48,000 engineers, across 220 organizations worldwide.

About Develop Intelligence
Di Clients
Need help finding the right learning solution?   Call us: 877-629-5631