O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning GraphQL with React and Relay

Video Description

Master GraphQL by building a blog with React and Relay

About This Video

  • An Extensive course that would help one understand the features of GraphQL and React which will be of help in building an application and showing you practical ways to test your server.
  • Covers the implementation of GraphQL and React using relay for networking with the latest technologies and working examples
  • Shows how to solve the most common GraphQL and React Problems and how to carry out authentication and pagination using relay client in your application.

In Detail

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API.

In this course, we will learn about GraphQL and how we can use it to create truly decoupled client and server. Writing backend with GraphQL makes our code more declarative wherein the client demands certain data in a particular format and the server responds in a predictable manner. This enables us to evolve our API without versions and iterate on features faster. For front-end and networking, we will use Facebook’s React and Relay respectively. We will learn GraphQL by creating a backend for a blog platform. You will learn about GraphQL schema design, authentication, pagination, testing, query batching and more and how to connect a GraphQL backend to React and Relay client. The course will teach everything to get up and running with GraphQL and React.

Table of Contents

  1. Chapter 1 : GraphQL for a Blog
    1. The Course Overview 00:03:24
    2. Introduction to GraphQL 00:03:55
    3. GraphQL Versus REST and Relay Versus Apollo 00:03:54
    4. Setting Up the Environment 00:05:27
  2. Chapter 2 : GraphQL Schema for a Blog
    1. Schema and Types Required for a Blog 00:09:05
    2. Introduction to GraphiQL 00:04:24
    3. Adding Relay Specification to GraphQL Schema 00:03:03
  3. Chapter 3 : Relay Compliant Queries and Mutations
    1. Queries Backend for a Blog 00:08:12
    2. Mutations Backend for a Blog 00:03:09
    3. Impact of Using Relay on Queries and Mutations 00:03:29
  4. Chapter 4 : Setting Up the Blog Frontend
    1. Setting Up the Environment for Frontend 00:04:28
    2. Getting Started with React Router 00:03:31
    3. Connecting Relay to GraphQL Backend 00:12:01
  5. Chapter 5 : GraphQL Authentication
    1. Authentication Strategies with GraphQL 00:01:48
    2. Preparing the GraphQL Backend for Authentication 00:07:32
    3. Connecting the Frontend to GraphQL Authentication API 00:06:57
  6. Chapter 6 : Pagination
    1. Relay Connection Specification 00:02:20
    2. Implementing Cursor in GraphQL Backend 00:03:29
    3. Adding Pagination to Frontend by Using PaginationContainer 00:04:15
  7. Chapter 7 : Query Batching with GraphQL
    1. Why Do We Need Query Batching? 00:02:01
    2. Execution Order of Batched Queries and Mutations 00:02:12
    3. Implementing Batching of Create and Login User Mutation 00:02:18
  8. Chapter 8 : Testing a GraphQL Server and React Frontend
    1. Setting Up the Environment for Testing 00:04:14
    2. Writing Test Cases for GraphQL Backend 00:02:49
    3. Writing Test Cases for React Frontend 00:03:54