Contexto
Las PWA en Blazor WebAssembly corren en el browser, pero detectar y reaccionar a cambios de conectividad de forma limpia y reutilizable no es trivial. La integración entre el navegador y Blazor para este caso requiere JavaScript Interop, y la documentación sobre el patrón correcto es escasa.
El desafío
Demostrar cómo monitorear el estado de conectividad en una Blazor PWA de forma limpia: escuchar los eventos del navegador desde JavaScript, comunicarlos a .NET vía Interop y distribuirlos a los componentes que los necesitan sin acoplamiento directo.
La solución
Ejemplo de referencia open source que implementa un NetworkState container suscribible. JavaScript Interop captura los eventos online/offline del navegador y los propaga al state container; cualquier componente Blazor puede suscribirse y reaccionar automáticamente sin saber nada de JS.
Tecnologías
- Blazor WebAssembly — framework frontend
- PWA — Progressive Web App
- JavaScript Interop — comunicación JS ↔ .NET
- C# — lógica de estado