• Onboard For Tech Teams

    • Reduce initial time to productivity.
    • Increase employee tenure.
    • Plug-and-play into HR onboarding and career pathing programs.
    • Customize for ad-hoc and cohort-based hiring approaches.

    Learn more
  • Upskill For Tech Teams

    • Upgrade and round out developer skills.
    • Tailor to tech stack and specific project.
    • Help teams, business units, centers of excellence and corporate tech universities.

    Learn more
  • Reskill For Tech Teams

    • Offer bootcamps to give employees a running start.
    • Create immersive and cadenced learning journeys with guaranteed results.
    • Supplement limited in-house L&D resources with all-inclusive programs to meet specific business goals.

    Learn more
  • Design For Tech Teams

    • Uplevel your existing tech learning framework.
    • Extend HR efforts to provide growth opportunities within the organization.
    • Prepare your team for an upcoming tech transformation.

    Learn more

Relay & GraphQL

Get your team started on a custom learning journey today!

Our Boulder, CO-based learning experts are ready to help!

Get A Quote!

Course Summary

Home > Courses >Front-End Development Training >Relay Modern >Relay & GraphQL

GraphQL is a query language, specification, and collection of tools designed to offer a more performant and flexible alternative to Representational State Transfer (REST), a common standard for executing Hyper Text Transfer Protocol (HTTP) requests. The Relay & GraphQL course teaches developers to use Relay with GraphQL in the context of React applications.

The course begins with lectures and exercises on making GraphQL requests and understanding Relay concepts like fragments, variables, and callbacks. It then transitions to cover Relay concepts like slicing, pagination, and data fetching. Finally, it concludes with a deep dive into Relay mutations, including working with optimistic updates and fat queries. The course would be helpful for developers and developer teams who want to learn an alternative way to query and fetch data.

Purpose
Learn how to use Relay with GraphQL in the context of React applications.
Audience
Developers with some experience in developing React components.
Role
Software Developer - Web Developer
Skill Level
Intermediate
Style
Hack-a-thon - Workshops
Duration
3 Days
Related Technologies
Download
imgprinter
  • Productivity Objectives:
    •  Explain the problems that GraphQL and Relay help to solve.
    •  Write GraphQL queries to retrieve data from a database.
    •  Build out a client UI that specifies its data needs using Relay to connect to your GraphQL-based server.
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.

100secure

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

secure100 secure100 secure100 secure100

about our training

  • keywordicon1
    Real-World Content

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

  • keywordicon2
    Expert Practitioners

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

  • keywordicon3
    Experiential Learning

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

  • keywordicon4
    Fully Customized

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

What You'll Learn

In the Relay & GraphQL training course, you'll learn:

  • Introduction
    • Demand Driven Architecture vs REST
    • GraphQL and Relay
  • Making GraphQL Requests
    • Using GraphiQL to send queries
    • Defining Queries
    • Understanding Types
    • Specifying Query Parameters
    • Understanding Fragments
    • Using Query Variables
    • Under the Hood: How a GraphQL Server Responds to Queries
  • Relay Concepts
    • Containers, Fragments, Root Container and Routes
    • Internal Architecture Client-Side Cache
  • Getting Started with Relay
    • Relay Container Composition
    • Naming Fragments and Variables
    • Passing Variables to Fragments
    • Setting and Using Relay Variables
    • Conditional Fields with @include and @skip
    • Debugging Network Requests
    • Render Callbacks
  • Slicing and Paginating
    • Relay Support in GraphQL: Cursors, Slicing and Paginating Data using Connections
    • Relay Support in GraphQL: Edges and PageInfo
    • Navigating/Paginating one-to-many relationships
  • Querying via Relay
    • Re-fetching, the Node Interface, and Global ‘id’s
    • The Node root field
    • Thinking in Graphs
  • Data Fetching
    • Data fetching & Ready State
    • Using Ready State Events
    • Handling Server Errors
    • Force Fetching
  • Mutations
    • Relay’s Mutation Pattern
    • Handling Mutations
    • Optimistic Updates and Fat Queries
    • Mutator Configurations & Updating the Client Store
    • Range Behaviors
    • Mutations for: adding an item, changing an item, deleting an item
Real-world content

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

Expert Practitioners

Industry experts 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!

Elite Instructor Program

We recently launched our internal Elite Instructor Program. The community driven instructor program is designed to support instructors in transforming students’ lives by consistently showing a world-class level of engagement, ability, and teaching prowess. Reach out today to learn more about our instructors.

Customized Technical Learning Solutions to Help Attract and Retain Talented Developers

Get In Touch
Talk to one of our Learning Solution Architects today

Let DI help you design solutions to onboard, upskill or reskill your software development organization. Fully customized. 100% guaranteed.

DevelopIntelligence leads technical and software development learning programs for Fortune 500 companies. We provide learning solutions for hundreds of thousands of engineers for over 250 global brands.

99statisfaction1 Educate learners using experienced practitioners.
pularsight Proven customization process is guaranteed.
budgetnewlogo We're a strategic partner, not just another vendor.

“I appreciated the instructor’s technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware
vmware View more