Uploaded June 2024 | Updated September 2026, 2 weeks ago
Join Amanda and Areg as they show off some of the new controls in our new release.
#devexpress #devexpress_maui
Join Amanda and Areg as they show off some of the new controls in our new release.
#devexpress #devexpress_maui

![The Blazor Puzzle 79 - Blazor WASM Connectivity Indicator (No JavaScript Hacks!)
π Resources & Code:
https://github.com/BlazorPuzzle/Puzzle-79
Episode 79 of The Blazor Puzzle comes to you from Microsoft Build in Seattle! Carl Franklin and Jeff Fritz dive into building a connectivity indicator for Blazor WebAssembly apps, showing whether youre online or offline β perfect for PWAs.
ππ Using green and gray Wi-Fi icons, they show how to dynamically update UI state based on real-time browser connectivity β all using Blazor components, JS interop, and RenderFragmentsβ¦ the Blazor way.
π What Youβll Learn:
βοΈ How to detect online/offline status in a Blazor WebAssembly app
βοΈ How to hook into navigator.onLine and listen for connectivity changes
βοΈ Using [JSInvokable] and DotNetObjectReference to connect Blazor and JS
βοΈ Swapping content with RenderFragments instead of JavaScript hacks
βοΈ Why this approach is clean, testable, and reusable in PWAs
π§© All wrapped up in a reusable ConnectivityIndicator componentβjust drop it in and go!
π« Got a clever Blazor trick or puzzle? Send it to blazorpuzzle@appvnext.com and you might win a Blazor Puzzle mug (or even get your name shouted out on the show!).
π Want to level up your Blazor testing skills? Subscribe & join the puzzle! π§©
Get Started Today β Free 30 Day Trial
http://dxpr.es/NUGET
http://dxpr.es/FREE-TRIAL
Pricing and Online Demos
http://dxpr.es/BUY
http://dxpr.es/DEMOS
We Are Here to Help
http://dxpr.es/SUPPORT
Follow DevExpress on Social Media
http://dxpr.es/FACEBOOK
http://dxpr.es/TWITTER
http://dxpr.es/BLOGS
Review Customer Testimonials
http://dxpr.es/TESTIMONIALS
http://dxpr.es/MARKETPLACE
#DevExpress, #devexpress_blazor The Blazor Puzzle 79 - Blazor WASM Connectivity Indicator (No JavaScript Hacks!)](https://i.ytimg.com/vi/sh6NVdfOFQM/mqdefault.jpg)








