Visualizar el estado de la red en una Blazor PWA

En el siguiente articulo voy a mostrar cómo podemos indicarle al usuario si nuestra PWA tienen conexión o no en el momento en que la esta usando. Recordemos que una Progressive web app puede funcionar incluso si no existe conexión a internet, el usuario podrá a navegar y ver la información en memoria y realizar … Sigue leyendo Visualizar el estado de la red en una Blazor PWA

Leer archivos csv en Blazor Web Assembly

Leer archivos es un funcionalidad requerida en mucho escenarios. Blazor se ejecuta del lado del cliente y contiene herramientas para leer y previsualizar archivos en el navegador, esto permite confirmar con el usuario el archivo que intenta cargar al sistema o pre-procesar la información. Dentro de nuestro componente vamos agregar un InputFile para cargar el … Sigue leyendo Leer archivos csv en Blazor Web Assembly

Como visualizar la versión del ensamblado o versión de release en Blazor

Es importante llevar control de las versiones que se están liberando de una aplicación y mas aún cuando ya estamos en un ambiente productivo. .NET Ofrece una manera muy fácil de llevar las versiones la cual también se utiliza para blazor. Lo primero que debemos hacer en colocar el tag de versión en el archivo … Sigue leyendo Como visualizar la versión del ensamblado o versión de release en Blazor

Configurar Lazy-load para Assemblies en Blazor

Blazor con .NET 5 incluye un feature bastante importante para mejorar el performance de nuestras Apps. Usando Lazy-loading podemos traer ensamblados (.DLL) justo en el momento exacto en el que necesitan en vez de cargarlos desde el inicio, aligerando considerablemente la primera carga del proyecto. Para configurar esta funcionalidad, debemos ir al archivo de proyecto … Sigue leyendo Configurar Lazy-load para Assemblies en Blazor

Mejora de accesibilidad en Blazor con .NET 5

Una mejora bastante interesante en términos de accesibilidad fue incluida en Blazor con .NET. Blazor tiene la posibilidad de crear formularios y realizar validaciones fácilmente utilizando ya sea los atributos de validación o creando una condición personalizada en C#. En el siguiente ejemplo podemos observar un componente con un formulario donde existe una regla para … Sigue leyendo Mejora de accesibilidad en Blazor con .NET 5

Mejoras de Blazor con .NET 5

En los siguientes videos encontrarás información sobre las ultimas mejoras que se han introducido a Blazor: Repositorios: https://github.com/Mteheran/blazornet5 https://github.com/hprez21/demos-blazor-net5 https://www.youtube.com/watch?v=_lWOc0VjE1I https://www.youtube.com/watch?v=F9JEY-L4izA

Deshabilitar elementos HTML en Blazor

En este articulo quiero explicar algo simple pero muy útil y necesario en aplicaciones Web. Siempre es necesario bajo algún contexto o escenario deshabilitar un elemento HTML por alguna condición y en blazor esto es bastante simple: <button disabled="!@ToggleProperty"> My Button </button> <button disabled="@ToggleProperty"> My Button </button> Podemos implementar algo tan simple como lo anterior … Sigue leyendo Deshabilitar elementos HTML en Blazor

4 Maneras de construir micro-frontend en Blazor

Blazor es la nueva implementación de web assembly para C# donde podemos crear aplicaciones web fácilmente utilizando una arquitectura basada en componentes y muchas de las librerías existentes para .NET Standard. Por su parte Micro-frontend es un tipo de arquitectura para el lado del frontend donde usamos la filosofía de divide y vencerás para construir … Sigue leyendo 4 Maneras de construir micro-frontend en Blazor