Skip to main content

Introduction

Fullstack GraphQL

In this workshop, we’ll introduce you to GraphQL and the major concepts behind it. We’ll look at how to build a GraphQL server with ASP.NET Core 7 and Hot Chocolate. You’ll learn how to query GraphQL and what tools are out there that can help you explore and manage large schemas. Further, we’ll dive into React and explore how to efficiently build fast and fluent web interfaces using the JavaScript client Relay.

Technologies covered: .NET 7, ASP.NET Core 7, TypeScript, React, GraphQL, Hot Chocolate, Relay

Day 1: GraphQL Basics​

09:00 Hello, Intro, Tech Check​

  • Introduction
  • What Is GraphQL?
  • Why Use GraphQL?
  • How to GraphQL
  • Hello, World!
    • Getting Started
    • Fetching without Relay
    • Fetching with Relay

10:30 BREAK (15 minutes)​

10:45 Building a Foundation​

  • Lists
  • Pagination
  • DataLoader
  • Object Identification
  • Field Middleware
  • Exposing Sorting and Filtering to the Consumer
  • Defer and Stream

12:00 BREAK (60 minutes)​

13:00 On-Demand Data 1​

  • Rethinking Data Fetching
    • Specifying the Data Requirements of a Component
    • Composing Fragments into Queries
    • Data Masking
    • Data Flow
  • Rendering Lists
    • Pagination
    • Sorting and Filtering

14:30 Integrating Existing Infrastructure​

  • Wrapping REST APIs with GraphQL
  • Migrating REST Applications to GraphQL

15:15 BREAK (15 minutes)​

15:30 On-Demand Data 2​

  • Advanced Rendering
    • Transitions Are Everywhere
    • Composing at Scale

17:00 FINISH​

Day 2: GraphQL in Depth​

09:00 Mutating Data​

  • Writing Mutations
    • File Upload

10:30 BREAK (15 minutes)​

10:45 Real-Time Data​

  • Writing Subscriptions

12:00 LUNCH​

13:00 Add-Ons 1​

  • Relay Developer Tools
  • Persisted Queries
  • Type Emission
  • Client Schema Extensions
  • Testing

15:15 BREAK (15 minutes)​

15:30 Add-Ons 2​

  • GraphQL Observability
  • Security Concepts
  • Request Pipeline Exploration

Looking Ahead​

  • The future of GraphQL
  • Questions and Answers
  • Feedback

17:00 FINISH​

Bootcamp​

Start from Zero​

The most common way to start any programming course is to display the text “Hello, World!”. Continuing with this tradition, we’ll use GraphQL & friends to display the famous text.

Start from Zero

Crypto App​

We’ll develop step-by-step a full crypto app to learn everything there is to know about data-driven applications that operate on a diverse set of data pulled from different sources, often in real-time.

Crypto App Crypto App

Important Notice​

caution

Code snippets and materials are intended for learning purposes and might contain deliberate omissions. In case of doubt do not hesitate to make questions and check the documentation for further information.