Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Intermediate Apollo for React & GraphQL Developers

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

 

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
real world content

Real-World Content

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

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.