Develop Intelligence
Relay & GraphQL
Learn to use Relax with GraphQL in the context of React.

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.

After this course, you will be able to:

  • 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
This course will be delivered in 3 Days

DI will work with you and your team to define the most appropriate delivery structure, schedule and dates. Structure, schedule and dates will be determined by project schedule, team availability and classroom availability. And of course, it will also be determined by DI’s instructor availability.

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

Call us at (877) 629-5631