Intermediate Apollo for React & GraphQL Developers Course

Course Summary

The Intermediate Apollo for React & GraphQL Developers 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.

The course begins by exploring how GraphQL APIs and React components are integrated with Apollo. Next, 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. The course concludes with a lesson on comparing and debugging.

Prior working knowledge and practical experience of Modern JavaScript, GraphQL and React is assumed for this course.

Purpose

Learn how to leverage GraphQL and Apollo.

Audience

Existing React developers wanting a different API and infrastructure for consuming data on the front-end.

Role

Web Developer

Skill Level

Intermediate

Style

Fast Track - Hack-a-thon - Targeted Topic - Workshops

Duration

2 Days

Related Technologies

Apollo

React

Download

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.

Learn About Virtual Training

Request Information

Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.

If you are not completely satisfied with your training class, we'll give you your money back.

about our training

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners

Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
Fully Customized

One-size-fits-all doesn't apply to training teams. That's where we come in!

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