Gain insights into building full stack apps with GraphQL. Learn back-end setup, front-end integration with React, Apollo Client, and advanced GraphQL features, including caching and testing.

gld.tar.gz

CreatingBackendProject

ImplementingFirstResolver

NestedResolver

QueriesParameters

ExerciseAddCategories 

SettingUpTheDBlayer

ReturningDataFromDB

ExerciseReadUserDataFromDB 

ImplementingMutation

ErrorHandling

UI Setup

Pre-UI Setup

Client Queries

ImplementingDataLoaderWithAppllo

ExerciseImplementingDataLoader

Client Queries Exercise

Client Queries Server

Client Queries Server GraphQl

Client Queries-copy

UI-testing

Client Queries  Basam

CreatingBackendProjectInitialVersion

Pagination With GraphQL

Client Queries-React-Auth

ImplementingMutation-copy

ExerciseAddCategories -copy

GraphQL is a rapidly growing data query and manipulation language for web APIs. A strong grasp of GraphQL is essential for any software engineer who is developing applications on the modern web.

This course is a comprehensive introduction to building full-stack web applications using GraphQL. You’ll start by implementing a back end and exploring GraphQL’s unique approach to API implementation. After setting up your database, you’ll build a front-end application using React. The application will pass GraphQL queries using an Apollo client to pull information from the back end. You’ll wrap up with an exploration of more advanced GraphQL features, including DataLoader, Apollo client caching, and testing GraphQL applications.

By the end of this course, you’ll be ready to build full stack web applications using GraphQL, React, and Apollo.

Building Full Stack Applications with GraphQL

It provides a unified access layer for different databases

It allows parallelizing GraphQL resolvers serving a single request

It allows reducing the number of requests when building a GraphQL response

It caches data from previous requests and uses cached data to serve new requests

What problem is solved by the DataLoader pattern?

What problem is solved by the DataLoader pattern?

Apollo Client splits a response into individual objects and stores them separately

Apollo Client stores objects in relational tables

Apollo Clients limits the size of the client cache

There is a unified format for storing cached responses

Apollo Client stores cached data in a normalized way. What does it mean?

Apollo Client stores cached data in a normalized way. What does it mean?

There is no need for any specific configuration. Apollo Client merges pagination responses automatically

What field in the `InMemoryCache`'s configuration specifies how to merge results of multiple pagination requests?

What field in the <code>InMemoryCache</code>'s configuration specifies how to merge results of multiple pagination requests?

What is the name of the popular pagination API definition format created by Facebook?

What is the name of the popular pagination API definition format created by Facebook?

A parent object has the `__ref` field that contains an ID of a nested object

They are stored together in the same object

A nested object has the `__parent` field that points to its parent object

How does a parent object points to nested objects in the Apollo Client's cache?

How does a parent object points to nested objects in the Apollo Client’s cache?

Test yourself on what you have learned about advanced GraphQL.

Getting Started with GraphQL

GraphQL Backend

Developing Frontend Application

Protecting GraphQL API

Advanced GraphQL

Appendix

Quiz: Advanced GraphQL