Relay & GraphQL

The Relay & GraphQL training course brings you up to speed with modern JavaScript web app development. Using React to build your web applications can bring powerful benefits to your workflow, such as easier reasoning about your code, speedy development of components, and component-based testing (and more!). This course focuses on using Relay to connect with servers exposing data via GraphQL.

Course Summary

Learn to use Relax with GraphQL in the context of React.
Developers with some experience in developing React components.
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
3 Days
Productivity Objectives: 
  • Write GraphQL queries effectively
  • Understand the problems that GraphQL and Relay help to solve
  • Build out a client UI that specifies its data needs using Relay to connect to your GraphQL-based server

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

Meet Your Instructor

Craig Photo

Craig recently released the book, The JavaScript Framework Guide: AngularJS, Backbone, and Ember. Craig has been a guest on the Hanselminutes and JavaScript Jabber podcasts. He’s an avid blogger, and several of his articles have been published in Peter Cooper’s poplular “JavaScript Weekly” newsletter. He also has his own podcast, “The Front-End Developer’s Cast”.

Craig has been a developer for over 15 years at startups, enterprises, and as a consultant. During...

Meet Craig »
Alex banks

Alex began writing code as an eight year old on his first computer, a Tandy TRS-80. In 1995, Alex developed his first website and has been hooked ever since. He went on to study Computer Science at Georgetown University, followed by working as a government consultant and classroom instructor in the Washington, D.C.-area.

Alex has spent his entire career developing web applications that work in the browser, and teaching web development technologies. He has developed several large-...

Meet Alex »
Jason pic

Jason is a 15-year software engineering veteran with experience in front and back end technologies. Jason got started with Adobe solutions on the server, later moving into .NET development and brief stints working with both Flex and Silverlight.

After spending nearly 10 years working heavily on the back end, Jason ventured into the front end/single page application space. He’s worked with libraries and frameworks such as Sencha, Backbone, and JavaScriptMVC. In 2012 he moved into the world of AngularJS and...

Meet Jason »
Photo of Instructor

Elias Carlston has 20 years’ experience as a software engineer, from lean startups to large enterprises. Having great mentors early on showed Elias the value of sharing knowledge, and he enthusiastically embraces the opportunity to give back to the community through teaching.

Beginning his career as a data analyst for a large non-profit clinic, he soon became a full stack developer. First, at healthcare cloud services provider athenahealth, and later with car sharing pioneer Zipcar, he learned techniques...

Meet Elias »

Get Custom Training Quote

We'll work with you to design a custom Relay & GraphQL 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