Cree Blazor aplicaciones más rápido con componentes de C#

Blazor está desarrollado por Microsoft y representa un marco web gratuito y de código abierto que permite a los desarrolladores crear aplicaciones web ricas en funciones utilizando C#, código HTML y sintaxis Razor en lugar de JavaScript. La creación de aplicaciones del lado del servidor se realiza con Blazor Server, mientras que Blazor WebAssembly ejecuta aplicaciones del lado del cliente directamente en el explorador. Infragistics es un colaborador activo y partidario de Blazor.

Blazor es un marco para crear aplicaciones web modernas que se ejecutan en el explorador y que se crean con .NET. Blazor permiten crear aplicaciones web con dos modelos de representación diferentes: un modelo del lado del servidor (Blazor Server) o un modelo del lado cliente (Blazor WebAssembly).

• Blazor Las aplicaciones de servidor son ASP.NET Core aplicaciones alojadas en el servidor que se ejecutan ASP.NET Core Razor páginas. El procesamiento se realiza en el servidor, y las actualizaciones de la página HTML del cliente se realizan a través de una conexión SignalR desde el punto de conexión del servidor.
• Blazor WebAssembly es un marco de aplicación de una sola página (SPA) que ejecuta ensamblados de .NET escritos en C# directamente en el explorador. WebAssembly, un estándar abierto para ejecutar código binario en páginas web. En este modo, el código se ejecuta en un entorno de ejecución de .NET que se descarga con la aplicación.
Independientemente de cuál de los dos enfoques use para su aplicación web, ambos le permiten crear sus aplicaciones web usando C# para el código del cliente y del servidor en lugar de JavaScript, al mismo tiempo que le permiten usar cualquier biblioteca de JavaScript con el puente de interoperabilidad de JavaScript de Blazor.

El valor único de Blazor es que se crean aplicaciones con C# en lugar de JavaScript, lo que proporciona a los desarrolladores de .NET una excelente opción para crear nuevas experiencias interactivas en la web, incluida una excelente ruta para pasar de aplicaciones de escritorio a aplicaciones web. Si bien los marcos de JavaScript van y vienen, ASP.NET de Microsoft sigue siendo fuerte después de 20 años. Aunque ha habido diferentes tipos e iteraciones de ASP.NET, un tema común y coherente en todas las versiones de ASP.NET es el lenguaje de programación C# y .NET Framework. Utilizado por millones de desarrolladores durante 2 décadas, la potencia y la flexibilidad de .NET Framework dirige las empresas más grandes (y más pequeñas) del mundo en la actualidad. Con Blazor, hay un camino a seguir para crear aplicaciones web con un marco moderno. En cuanto a lo que depara el futuro, Microsoft tiene una sólida hoja de ruta para Blazor, tanto Blazor Server como Blazor WebAssembly. Microsoft también ha anunciado las características de la plataforma, las mejoras de rendimiento y el soporte a largo plazo con .NET 5 y el paso a .NET 6. En Infragistics, creemos que Blazor tiene un gran futuro y estamos invirtiendo en controles y componentes de interfaz de usuario para que puedas crear las mejores aplicaciones posibles con Blazor.

Una aplicación Blazor es una aplicación web interactiva y moderna creada con ASP.NET, C# y .NET Framework que puede ejecutar cualquier tipo de aplicación de línea de negocio, aplicación de productividad o aplicación SaaS en la web. ASP.NET Blazor es un Blazor es un marco para crear una interfaz de usuario web interactiva del lado cliente con .NET. Blazor aplicaciones son diferentes de las aplicaciones Angular o React en los siguientes aspectos:

• Los desarrolladores usan C# en lugar de JavaScript, pero no están excluidos del uso de JavaScript.
• Los desarrolladores pueden aprovechar al máximo .NET Framework, que tiene décadas de seguridad y confiabilidad integradas.
• La lógica de la aplicación se puede compartir entre el cliente y el servidor mediante ASP.NET Core.
• Los desarrolladores pueden elegir entre un modelo basado en servidor que usa ASP.NET Core o un modelo puro del lado cliente que usa WebAssembly.
• Blazor procesamiento de WebAssemby se realiza íntegramente en el explorador del cliente, mediante un entorno de ejecución de .NET. Una aplicación Blazor se compila con clases de C#, bibliotecas de C# o bibliotecas de JavaScript y páginas Razor. Razor páginas se representan como archivos .razr y permiten a los desarrolladores combinar el marcado HTML con el código C# en una sola página.

Un componente Blazor es una clase de C# de .NET reutilizable integrada en ensamblados de .NET que se usan para la lógica y la composición de la interfaz de usuario del lado cliente. Un componente Blazor representa un elemento de la interfaz de usuario (código C#, marcado HTML, otros componentes) de una aplicación web Blazor, como una página, un formulario, una cuadrícula de datos, un gráfico de datos o cualquier aspecto de una página que se represente como HTML. Un componente controla las interacciones, los eventos y la lógica de representación. Los componentes se pueden anidar y reutilizar en una aplicación web o en diferentes aplicaciones web como bibliotecas de clases Razor o paquetes NuGet. La ventaja de la página de Razor para Blazor componentes es que un desarrollador puede incluir marcado HTML, JavaScript y C# en un solo archivo, utilizando la eficacia de Visual Studio IntelliSense y la depuración para acelerar el desarrollo de componentes y páginas. Infragistics envía más de 30 Blazor componentes, y estamos invirtiendo fuertemente en componentes Blazor en 2021 para brindarle aún más lo que necesita para crear sus aplicaciones del futuro.

El rendimiento es fundamental para el éxito de cualquier marco de aplicación. Si las operaciones son lentas, las páginas se procesan lentamente, las interacciones son lentas, no habrá adopción de un marco. Microsoft lo sabe mejor que nadie. Con Blazor, como cualquier tecnología nueva, siempre surgen problemas con una versión 1, algunos de ellos relacionados con el rendimiento. El mayor inconveniente con Blazor tiene que ver con el tamaño del paquete que incluye .NET Framework y WebAssembly de la aplicación real que se ejecuta. Dado que WebAssembly es más que una simple página HTML, incluye DLL y binarios que se envían desde el servidor al cliente, existe el riesgo de una carga útil inicial más grande, lo que podría afectar a su aplicación si es una aplicación SaaS en la web. Para las aplicaciones de línea de negocio interna, el tamaño de la carga útil generalmente no es relevante. Microsoft se compromete a abordar los problemas de rendimiento en Blazor, desde el tamaño de la carga útil inicial hasta el rendimiento general de la ejecución en tiempo de ejecución en el cliente. En Infragistics, esperamos que estos problemas se solucionen entre ahora y cuando se lance .NET 6 en el otoño de 2021.

Blazor está listo para la producción, de hecho, muchas pequeñas empresas y empresas están utilizando Blazor hoy en día. Blazor fue lanzado por primera vez por Microsoft en 2018, pero la emoción por Blazor alcanzó su punto álgido con el lanzamiento oficial de Blazor WebAssembly el 19 de mayo de 2020. Blazor WebAssembly coincide estrechamente con el patrón SPA (aplicación de una sola página) para escribir aplicaciones que Angular y React siguen. Esto significa que una aplicación no depende de un servidor web para realizar la lógica de negocios, puede ejecutarse en el navegador y el servidor web solo es necesario para servir contenido estático al cliente. Aún mejor, un desarrollador de .NET, que conozca C#, puede crear aplicaciones web modernas e interactivas con Blazor sin tener que saber JavaScript. En Infragistics, vemos un gran interés en Blazor, creemos que Blazor está listo para la producción, especialmente para las aplicaciones internas de línea de negocio que podría considerar migrar de Windows Forms o WPF a la Web. Vemos que el crecimiento se recuperará en 2021 y que los clientes comenzarán en serio en 2021 a crear aplicaciones Blazor.

Crear una aplicación Blazor es sencillo.

Requisitos previos para una aplicación Blazor

1. Instale Visual Studio 2019 versión 16.6 para Windows o versión 8.6 para Mac con ASP.NET y desarrollo web instalados.
2. Instale .NET 5 SDK si está utilizando Visual Studio Code

Creación de una aplicación Blazor con Visual Studio

1. Abra Visual Studio.
2. Haga clic en Crear un nuevo proyecto.
3. Seleccione la aplicación Blazor y luego haga clic en Siguiente.
4. Cambie el Nombre del proyecto, la Ubicación y el Nombre de la solución, o deje los valores predeterminados, luego haga clic en Siguiente.
5. Elija Blazor aplicación de servidor si desea crear una aplicación web del lado servidor mediante ASP.NET Core o elija Blazor aplicación WebAssembly si desea crear una aplicación WebAssembly que se ejecutará en el cliente.
6. Si elige Blazor aplicación WebAssembly, marque la casilla de verificación ASP.NET Core alojado, ya que los activos de la aplicación se implementan como archivos estáticos en un servidor ASP.NET Core para servir el contenido estático a los clientes.
7. Haga clic en el botón Crear.

Creación de una aplicación Blazor con Visual Studio Code mediante la línea de comandos

1. En Visual Studio Code, abra una nueva Terminal.
2. En el indicador de la Terminal, escriba una de las siguientes opciones, según el tipo de aplicación Blazor que desee crear, Blazor WebAssembly o Blazor Server:

dotnet nuevo blazorwasm

dotnet nuevo servidor blazo

Para conocer todas las opciones para crear aplicaciones Blazor en la línea de comandos, use -h para obtener las opciones de Ayuda

dotnet nuevo blazorwasm -h

dotnet nuevo blazorsever -h

Ignite UI for Blazor es una biblioteca completa de componentes y controles Blazor diseñados para desarrolladores de C# y .NET que buscan crear aplicaciones web completas y responsivas. La biblioteca de componentes Blazor incluye más de 60 gráficos y diagramas de datos para lograr mejores visualizaciones, cuadrículas y tablas de datos rápidas y componentes de interfaz de usuario (UI).

Ignite UI for Blazor es la biblioteca más completa de componentes de interfaz de usuario Blazor de nivel empresarial disponible. Ignite UI for Blazor diseñado y desarrollado profesionalmente para desarrolladores de C# y .NET, le ofrece todo lo que necesita para crear aplicaciones web sofisticadas. Todo respaldado por los más de 30 años de liderazgo en la industria Infragistics y nuestro galardonado soporte en vivo.

Infragistics lanza actualizaciones menores cada mes con dos grandes lanzamientos por año en los que presentamos nuevos componentes Blazor, características del producto y mejoras.

Nuestros componentes Blazor están incluidos como parte de nuestro paquete de Ignite UI. Una sola licencia de desarrollador comienza en $ 1,355 USD para una suscripción de un año, que incluye un año de soporte estándar y actualizaciones. También ofrecemos descuentos para licencias de varios años. Consulte la página de precios para obtener más información sobre los precios.

El mejor lugar para comenzar es la documentación Ignite UI for Blazor y los materiales de introducción. Proporciona una explicación paso a paso para crear aplicaciones de Blazor Server, aplicaciones de Blazor WebAssembly y aplicaciones de .NET MAUI Blazor mediante Visual Studio. También puede agregar Ignite UI for Blazor a una aplicación existente. Simplemente vaya a Instalar Ignite UI for Blazor paquete.

Sí, puedes implementar una aplicación que use componentes o controles Ignite UI for Blazor para una cantidad ilimitada de clientes. Gracias a la flexibilidad de nuestros planes, solo otorgamos licencias por desarrollador y no cobramos tarifas por tiempo de ejecución, regalías o implementación.

El equipo de Infragistics mantiene una biblioteca completa de ejemplos de código Blazor a los que puede acceder aquí y ver cómo se ve un nuevo proyecto Blazor simple. Además, hay una biblioteca de aplicaciones de muestra, que incluyen aplicaciones de colaboración en equipo, comercio electrónico, viajes y más. Puede explorar las Blazor aplicaciones de muestra aquí

A partir de la versión Infragistics Ultimate 22.2, todos los componentes Blazor son compatibles con .NET 8. El equipo de Infragistics siempre supervisa las versiones principales de .NET y mantiene todos los componentes compatibles para que los desarrolladores puedan crear aplicaciones de experiencia de usuario de alto impacto y con todas las funciones sin concesiones.