Web Development With Graphql, Apollo And React

Master Apollo GraphQL by building scalable, full-stack web applications with React and Relay

What you'll learn

Understand microservice architectures and how they relate to GraphQL.

Learn how introspection impacts schemas.

Use React and Relay with GraphQL backend.

Implementing scaling/pagination for a GraphQL API coupled with Relay client.

Resolve data from multi-table databases and system architectures.

Learn to integrate the Apollo platform into your existing applications.

Requirements

No prior knowledge of GraphQL or Apollo platform is needed.

Description

GraphQL is an API query-language from Facebook, designed to describe the complex, nested data dependencies of modern web applications whereas Apollo is an open-source GraphQL toolkit. It is quickly becoming the standard for API development.This hands-on course gets you started with the basics of GraphQL, its various features and its differences from REST. Then you will step ahead to learn the implementation of GraphQL and React using a relay for networking with the latest technologies and working examples & also create truly decoupled client and server. Moving further, you will learn to build an end-to-end full stack application as well as how to overcome challenges & problems and fix them via GraphQL's unique features by testing your application's frontend and backend.Contents and OverviewThis training program includes 3 complete courses, carefully chosen to give you the most comprehensive training possible.The first course, Learning Apollo GraphQL will help you get started with using Apollo GraphQL. This is a practical course where you will understand GraphQL and its concepts via examples. After an introduction to GraphQL and its differences from REST, you will cover ideal scenarios in which to use GraphQL in your projects. You will cover its features and understand what Apollo is. You will delve into the Apollo platform, which comprises the client, engine, and servers. You will cover all their features with the help of examples. You will look at core GraphQL topics such as schema design and its query language. You will also cover a few intermediate-level topics to raise the level of the course. By the end of the course, you will be confident about using Apollo GraphQL or your web development requirements.The second course, Learning GraphQL with React and Relay you 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.The third course, Hands-On Full-Stack Web Development with GraphQL and React is a hands-on guide that will help you build a strong full-stack using React and Apollo GraphQL. After a quick introduction to GraphQL and its toolkit, Apollo, you will start to build an end-to-end full stack application in a step-by-step manner, section by section. You'll create a feature-rich shopping cart app. Using a practical approach, you'll understand the benefits of using GraphQL on your client, engine, and server and use React for the backend in your stack. You'll cover challenges and problems and fix them via GraphQL's unique features. After your stack is complete, you will test your application's frontend and backend. Finally, you will deploy your full-stack application. By the end of the course, you will be proficient in using GraphQL and React to all your full-stack development requirements.About the Authors:Doug Ortiz is an experienced enterprise cloud, big data, data analytics, and solutions architect who has architected, designed, developed, engineered, re-engineered, and integrated enterprise solutions. The technologies he has experience with include: Amazon Web Services, Azure, Google Cloud, Business Intelligence, Data Science, Hadoop, Spark, NoSQL and Graph Databases, and Web Front-End Technologies.Divyendu Singh is from the top part of India, a beautiful place called Jammu and Kashmir. He loves to write code both as a hobby and production level. He has been writing hobby code for over a decade and professionally for 4 years. When not coding he engages in football, reading, travels, food (not in order).

Overview

Section 1: Learning Apollo GraphQL

Lecture 1 The Course Overview

Lecture 2 What is Apollo GraphQL?

Lecture 3 Origins of Apollo GraphQL and Data Transport History

Lecture 4 GraphQL versus REST

Lecture 5 Learning about Apollo GraphQL Run-Time Libraries

Lecture 6 GraphQL Primary Concepts

Lecture 7 GraphQL Concepts

Lecture 8 Building our First Apollo Server

Lecture 9 Reviewing GraphQL Concepts Hands-On

Lecture 10 Representing Schemas

Lecture 11 More Schema Concepts

Lecture 12 Platform Tools

Lecture 13 GraphiQL and CodeSandbox

Lecture 14 Applications Guide

Lecture 15 Building our Project

Lecture 16 Next Steps

Section 2: Learning GraphQL with React and Relay

Lecture 17 The Course Overview

Lecture 18 Introduction to GraphQL

Lecture 19 GraphQL Versus REST and Relay Versus Apollo

Lecture 20 Setting Up the Environment

Lecture 21 Schema and Types Required for a Blog

Lecture 22 Introduction to GraphiQL

Lecture 23 Adding Relay Specification to GraphQL Schema

Lecture 24 Queries Backend for a Blog

Lecture 25 Mutations Backend for a Blog

Lecture 26 Impact of Using Relay on Queries and Mutations

Lecture 27 Setting Up the Environment for Frontend

Lecture 28 Getting Started with React Router

Lecture 29 Connecting Relay to GraphQL Backend

Lecture 30 Authentication Strategies with GraphQL

Lecture 31 Preparing the GraphQL Backend for Authentication

Lecture 32 Connecting the Frontend to GraphQL Authentication API

Lecture 33 Relay Connection Specification

Lecture 34 Implementing Cursor in GraphQL Backend

Lecture 35 Adding Pagination to Frontend by Using PaginationContainer

Lecture 36 Why Do We Need Query Batching?

Lecture 37 Execution Order of Batched Queries and Mutations

Lecture 38 Implementing Batching of Create and Login User Mutation

Lecture 39 Setting Up the Environment for Testing

Lecture 40 Writing Test Cases for GraphQL Backend

Lecture 41 Writing Test Cases for React Frontend

Section 3: Hands-On Full-Stack Web Development with GraphQL and React

Lecture 42 The Course Overview

Lecture 43 What Is GraphQL?

Lecture 44 Hello World in GraphQL

Lecture 45 Passing Arguments to Query Fields

Lecture 46 GraphQL Types

Lecture 47 GraphQL Mutations

Lecture 48 GraphQL HTTP Server

Lecture 49 Apollo Server

Lecture 50 Apollo Server – Context

Lecture 51 GraphQL Relationships

Lecture 52 Subscription Type

Lecture 53 GraphQL Tools

Lecture 54 Introduction to Apollo Client

Lecture 55 React Provider and Consumer

Lecture 56 Apollo Provider and Consumer

Lecture 57 Apollo Query and Mutation Components

Lecture 58 Apollo Client Cache

Lecture 59 Apollo Query Subscriptions

Lecture 60 Apollo Subscriptions React

Lecture 61 Apollo Local State

This course is for web developers, frontend and backend, and full-stack developers, who are interested in using Apollo to enhance their skills by building full-stack applications.