Mientras se anunciaba .NET 5 seguramente has escuchado sobre las mejoras en Blazor: una lista tan larga que en el .NET Conf 2020 del ConoSur decidimos hacer toda una sesión completa dedicada a este tema: dos charlas imperdibles.
La primera charla la dio Miguel Teheran, un MVP de Microsoft que ha mostrado un gran interés sobre este nuevo framework web. Miguel también fue parte del evento de Blazor For All, donde participo con una charla en la comunidad Blazor En Español, y escribió un articulo sobre MicroFrontends utilizando Blazor y más.
Aquí te compartimos la charla del 10 de Diciembre del 2020 en la .NET Conf 2020 de ConoSur donde, además de contarnos las novedades, compartió mucho código y demos en vivo.
Mejoras en Blazor
La lista es larga, pero parte de las mejoras de Blazor que vemos en este video son las siguientes:
- Blazor WebAssembly template now included.
- Upgrade existing Blazor WebAssembly Projects.
- Blazor WebAssembly apps now target .NET 5.
- CSS Isolation for Blazor components, Blazor CSS Isolation improvements.
- Lazy Loading Blazor WebAssembly.
- FocusAsync.
- Blazor WebAssembly Perfomance improvements.
Blazor WebAssembly template now included
Desde la versión de .NET 5 se incluyó la plantilla del proyecto de Blazor WebAssembly por defecto. De esta manera poder ejecutar con el CLI “dotnet new blazorwasm” y así crear nuestro proyecto.
Upgrade existing Blazor WebAssembly Projects
Algunos ya habíamos comenzado a crear proyecto con Blazor Wasm antes de que salga el primer release. En esta parte de la charla vimos como migrar nuestro proyecto existente a :NET 5 con unos sencillos pasos.
Blazor WebAssembly apps now target .NET 5
Complementando los puntos anteriores, los nuevos proyectos Blazor WebAssembly que crearemos con la plantilla mencionada estarán configurados para ejecutarse con .NET 5. Antes se ejecutaban bajo NETStandart 2.1.
CSS Isolation for Blazor components
“Debió haberse incluido en la primera versión”
Miguel Teheran comentando que esta es una de las mejoras más esperadas.
Todos los frameworks web de JS que conozco tienen la posibilidad de aislar los estilos CSS por componente. Estoy de acuerdo con Miguel, esta es una funcionalidad que no podía faltar.
Lazy Loading Blazor WebAssembly
Lazy Loading, o carga diferida, es otra de las funcionalidades que no puede faltar en un framework web. Esta característica nos permite cargar librerías de componentes de Blazor a demanda.
FocusAsync
Simple y útil, Miguel nos explica y demuestra como se comporta este nuevo método llamado FocusAsync. Un método cuya funcionalidad no es más ni menos que darle el foco al elemento HTML que estés utilizando.
Blazor WebAssembly Perfomance improvements
Para cerrar, el speaker nos comento con tablas y numeros como ha mejorado el rendimiento de Blazor. Se lo comparo con la versión de NET Standar 2.1, con la de las preview, la del RC y la actual de :NET 5.
No te pierdas el Video
¡No te pierdas el imperdible video de la charla! Gracias Miguel Teheran por haber estado presente y compartir contínuamente tus conocimientos con la comunidad de tecnología. Y, por supuesto: ¡gracias a ti por partipar! 🤓🍻
