Skip to content

Contact sales

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

Introduction to GraphQL

Course Summary

The Introduction to GraphQL course is designed to demonstrate how to use GraphQL with React.

The course begins by exploring the various types of the GraphQL ecosystem and how to write queries and mutations using those types. Next, it explores how a GraphQL web-based client is utilized to execute queries. The course concludes with a demonstration of how to use GraphQL to query for data and display it in React Components.

Purpose
 Learn how to use GraphQL with React.
Audience
 React developers looking to leverage GraphQL
Role
Web Developer
Skill Level
Intermediate
Style
Hack-a-thon - Learning Spikes - Workshops
Duration
2 Days
Related Technologies
Front-End Development Training | Node.js | React | Web Development

 

Productivity Objectives
  • Describe why GraphQL exists and how it works differently than REST
  • Correctly utilize subscriptions, schemas, and mutations to properly query Application Programming Interfaces (APIs)
  • Explore the basics of using GraphQL with Apollo

What You'll Learn:

In the Introduction to GraphQL training course, you'll learn:
  • Introduction
    • What is GraphQL?
    • GraphQL compared to REST Services
    • Benefits of GraphQL
  • GraphQL Types and Server Configuration
    • Scheme, Object, Scalar & List Types
    • Interface Types
    • Understand fields, arguments and resolve
  • GraphQL Queries
    • Use the GraphQL web-based client for making queries and exploring documentation
    • Query connected nodes on the graph and exploring how that works
    • Pass arguments into queries
    • Break a large query into fragments
    • Rename a field with aliasing
  • GraphQL Mutations
    • Explore Mutation Queries and Input Types
    • Execute Mutation Queries with Variables
    • Structure Mutation Query Results
  • Additional Topics
    • Enum, Union, Interface Types
    • Inline Fragments
    • Directives
    • Introspection Queries
  • Connecting to React
    • Use the web browser fetch API to connect to a GraphQL server
    • Utilize Google Chrome extensions to examine GraphQL queries
    • Migrate an existing React application from REST Services to GraphQL
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.