Building real-time applications with Blazor and GraphQL

on YouTube ↗50m

" summary

A working Blazor WebAssembly chat app uses Hot Chocolate on the server and a Strawberry Shake client on the front end, generating a strongly typed C# API from .graphql files; queries, mutations and a subscription stream (async enumerable over WebSockets) deliver real-time messages that arrive in the browser. Code reuses HttpClientFactory, DI and fragments to eliminate magic strings so GraphQL fragments -> C# types becomes concrete. The demo runs end to end and successfully sends and receives messages.

AI-written summary · about

" chapters (16)

1. 0:00Start
2. 0:55What Graphql Is
3. 1:41Graphql Query
4. 10:26State of Blazer
5. 10:57Web Assembly
6. 13:08Demo Code
7. 16:19Fetch Data with Graphql
8. 16:58Initialize Our Project
9. 18:05Graphql Queries
10. 22:53Loading Indicator
11. 29:52Component Structure
12. 31:03Second Demo
13. 36:52Send Messages
14. 37:59Define a Real-Time Subscription
15. 44:30Real-Time Logic
16. 47:29Does It Use Json as a Format for Messages between Client and Server

" related talks

• 24mHow to Create a Full-Stack Web App Using Blazor WASM and GraphQLAnkit Sharma · C# Corner Annual Conference 2022 - Hyderabad
• 01h 05mCreating a GraphQL API with ASP.NET CoreMarco De Sanctis · DotNext 2021 Moscow
• 01h 10mHotChocolate: An Introduction to GraphQL for ASP.NET CoreMichael Staib · JetBrains .NET Days Online 2020
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2020
• 58mHot Chocolate: An introduction to GraphQL on ASP.Net CoreMichael Staib · DotNext 2019 Moscow
• 25mConsuming GraphQL using C#Brandon Minnick · GraphQLConf 2023
• 01h 03mBlazor in more depthSteve Sanderson, Ryan Nowak · NDC Sydney 2019
• 01h 03mBlazor & gRPC - Code-first .NET SPA developer productivityChristian Weyer · NDC London 2021