Building real-time applications with Blazor and GraphQL

on YouTube ↗51m

" summary

Builds a working real-time chat SPA: a Blazor WebAssembly frontend that uses generated C# clients from Strawberry Shake to call a Hot Chocolate GraphQL backend. Shows concrete queries, mutations and GraphQL subscriptions implemented over WebSockets, uses fragments that become C# interfaces and paging types, and wires the HTTP client factory and DI. Demo compiles, runs, fetches people and messages, sends mutations and receives live messages. Notes JSON transport today and a planned gRPC/protobuf option.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and speaker intro
2. 1:10Why GraphQL and Blazor
3. 7:12Deep dive into GraphQL
4. 13:06Demo setup and first Blazor app
5. 21:55Fetching data with GraphQL in Blazor
6. 31:40Building real-time chat UI
7. 33:25GraphQL queries for messages
8. 37:26Sending messages with mutations
9. 38:49Real-time subscriptions setup
10. 45:05Live demo and real-time features
11. 47:57Q&A and closing remarks

" related talks

• 01h 05mCreating a GraphQL API with ASP.NET CoreMarco De Sanctis · DotNext 2021 Moscow
• 24mHow to Create a Full-Stack Web App Using Blazor WASM and GraphQLAnkit Sharma · C# Corner Annual Conference 2022 - Hyderabad
• 01h 03mBlazor & gRPC - Code-first .NET SPA developer productivityChristian Weyer · NDC London 2021
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2020
• 18mCrafting compelling real-time web experiences with GraphQLRob Crowley · Decompress AU 2018
• 40mBlazor Future FeaturesSteve Sanderson · .NET Conf: Focus on Blazor 2020
• 01h 04mA fistful of Blazor; Its .NET in the browserWilliam Tulloch · NDC Sydney 2018
• 01h 03mBlazor in more depthSteve Sanderson, Ryan Nowak · NDC Sydney 2019