Blazor Wasm Hot Reload Explained: Real-Time Dev with Rider

on YouTube ↗01h 09m

" summary

Rider sends Roslyn-calculated deltas to a separate browser refresh host process which broadcasts them over websockets to every open Blazor WebAssembly runtime; clients apply deltas via a small JS bridge into the Mono/.NET WASM runtime and report success so the server persists ordered patches for future pages. Implementation uses a Roslyn worker, startup hooks and hosting startup assemblies to inject middleware, replaces CSS by swapping style tags with timestamps, lacks rollback and still rejects some “rude” edits at apply time.

AI-written summary · about

" chapters (14)

1. 0:00Blazor Wasm Hot Reload intro
2. 1:08What is Hot Reload
3. 3:55Hot Reload across .NET
4. 5:04Blazor Wasm Hot Reload specifics
5. 11:30Challenges in Blazor Wasm Hot Reload
6. 16:10Rider implementation
7. 20:26Browser refresh host deep dive
8. 23:16Browser refresh library
9. 25:43Client-side Hot Reload scripts
10. 28:15Changes to Blazor Wasm runtime
11. 32:30Hot Reload in Blazor core
12. 35:41IDE to client changes
13. 37:12Blazor Wasm Hot Reload summary
14. 39:43Q&A

" related talks

• 56mHidden Difficulties of Debugger Implementation for .NET WASM AppsAndrii Rublov · JetBrains .NET Day Online 2023
• 01h 02mHow does Hot Reload even work?David Wengier · NDC Sydney 2022
• 01h 01mWhat’s next for Blazor, and .NET on WASISteve Sanderson · NDC Porto 2022
• 47mBlazorChris Sainty · ConFoo 2021
• 47mBlazor - Next Generation UI with .NET 6Jeff Fritz · DEVintersection 2021 Orlando
• 46m.NET: What's Blazor - Front .NETMichał Michalczuk, Mateusz Turzyński · 4Developers 2020
• 29mBringing WebAssembly to the .NET MainstreamSteve Sanderson · Cloud Native Wasm Day Europe 2022
• 36mBlazor - Full Stack Web Development in C# OnlyTsviatko Yovtchev · code.talks 2019