Hands-on Development Experience Using wasm Blazor

on YouTube ↗51m

" summary

Describes about ten months of full-time frontend work building a production SaaS UI with Blazor WebAssembly (wasm Blazor), using MatBlazor (heavily customized), Blazored.LocalStorage, autogenerated HTTP clients, and telemetry and tests (Up/Side telemetry, NUnit, NSubstitute, FluentAssertions). Covers creating an alpha navigation library called Blazor Nexus Navigation (back/go/new/tab, query‑param handling), extending MatButton via component inheritance, and a chat with infinite scroll implemented via JS interop to measure heights and programmatically scroll, noting JS interop limits for real‑time scenarios.

AI-written summary · about

" chapters (7)

1. 0:00Blazor development intro
2. 10:10Blazor navigation
3. 21:31JavaScript Interop
4. 27:17Blazor vs React Angular
5. 32:38Blazor architecture tips
6. 40:07Blazor future migration
7. 45:50Q&A

" related talks

• 56mModern Web UI with Blazor WebAssemblySteve Sanderson · NDC Oslo 2020
• 09mBlazor with WebAssemblyDon Wibier · Frontend Love 2020
• 01h 01mBlazor: Modern Web development with .NET and WebAssemblyDaniel Roth · .NET Conf 2018
• 41mBlazor, a New .NET Single Page Application FrameworkSteve Sanderson · Øredev 2018
• 57mRunning Blazor in production, lessons learnedJimmy Engström · NDC London 2023
• 01h 03mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Minnesota 2018
• 01h 13mBlazor: SPAs in the Browser with C# and WebAssemblyChristian Weyer · BASTA! Spring 2020
• 46m.NET: What's Blazor - Front .NETMichał Michalczuk, Mateusz Turzyński · 4Developers 2020