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

Blazor es desarrollado por Microsoft y representa un marco web gratuito 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 navegador. Infragistics es un colaborador activo y partidario de Blazor.

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

• Las aplicaciones Blazor Server son aplicaciones alojadas ASP.NET Core en el servidor que ejecuta páginas ASP.NET Core Razor. 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 final del servidor.
• Blazor WebAssembly es un marco de aplicación de una sola página (SPA) que ejecuta ensamblados .NET escritos en C# directamente en el navegador. WebAssembly, un estándar abierto para ejecutar código binario en páginas web. En este modo, su código se ejecuta en un tiempo de ejecución .NET que se descarga con su 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 crea aplicaciones con C# en lugar de JavaScript, lo que brinda a los desarrolladores de .NET una excelente opción para crear experiencias nuevas e interactivas en la web, incluido un excelente camino 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. Si bien ha habido diferentes versiones e iteraciones de ASP.NET, un tema común y consistente en cada versión de ASP.NET es el lenguaje de programación C# y .NET Framework. Utilizado por millones de desarrolladores durante dos décadas, el poder y la flexibilidad de .NET Framework dirigen las empresas más grandes (y más pequeñas) del mundo actual. Con Blazor, existe un camino a seguir para crear aplicaciones web con un marco moderno. En términos de lo que depara el futuro, Microsoft tiene una hoja de ruta sólida para Blazor, tanto Blazor Server como Blazor WebAssembly. Microsoft también ha anunciado características de la plataforma, mejoras de rendimiento y soporte a largo plazo con .NET 5 y el cambio a .NET 6. En Infragistics, creemos que Blazor tiene un futuro sólido y estamos invirtiendo en controles y componentes de interfaz de usuario para que pueda crear las mejores aplicaciones posibles con Blazor.

Una aplicación Blazor es una aplicación web moderna e interactiva 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 del cliente con .NET. Las aplicaciones Blazor se diferencian de las aplicaciones Angular o React en estos 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 utiliza ASP.NET Core o un modelo puro del lado del cliente que utiliza WebAssembly.
• El procesamiento Blazor WebAssemby se realiza íntegramente en el navegador del cliente, mediante un tiempo de ejecución .NET. Una aplicación Blazor se crea utilizando clases de C#, bibliotecas de C# o bibliotecas de JavaScript y páginas Razor. Las páginas Razor 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 .NET C# reutilizable integrada en ensamblados .NET que se utilizan para la lógica y la composición de la interfaz de usuario del lado del 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, formulario, cuadrícula de datos, gráfico de datos o cualquier aspecto de una página que se represente como HTML. Un componente maneja interacciones, eventos y 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. El beneficio de la página Razor para los componentes Blazor es que un desarrollador puede incluir marcado HTML, JavaScript y C# en un solo archivo, utilizando el poder de Visual Studio intellisense y la depuración para acelerar el desarrollo de componentes y páginas. Infragistics envía más de 30 componentes Blazor y estamos invirtiendo mucho 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 muestran lentas, las interacciones son lentas, no se adoptará un marco. Microsoft lo sabe mejor que nadie. Con Blazor, como cualquier tecnología nueva, siempre surgen problemas con la versión 1, algunos de ellos relacionados con el rendimiento. El mayor inconveniente con Blazor es 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 archivos binarios que se envían desde el servidor al cliente, existe el riesgo de una carga útil inicial mayor, lo que podría afectar su aplicación si es una aplicación SaaS en la web. Para las aplicaciones de línea de negocio internas, el tamaño de la carga útil no suele ser relevante. Microsoft se compromete a abordar los problemas de rendimiento en Blazor, desde el tamaño de la carga 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 desde ahora hasta el lanzamiento de .NET 6 en el otoño de 2021.

Blazor está listo para la producción; de hecho, muchas pequeñas empresas y grandes empresas están utilizando Blazor en la actualidad. Blazor fue lanzado por primera vez por Microsoft en 2018, pero el entusiasmo por Blazor alcanzó su punto máximo en torno al lanzamiento oficial de Blazor WebAssembly el 19 de mayo de 2020. Blazor WebAssembly coincide estrechamente con el patrón SPA (aplicación de página única) para escribir aplicaciones que siguen Angular y React. . Esto significa que una aplicación no depende de un servidor web para realizar la lógica empresarial, puede ejecutarse en el navegador y el servidor web solo es necesario para ofrecer contenido estático al cliente. Aún mejor, un desarrollador .NET, que conozca C#, puede crear aplicaciones web modernas e interactivas utilizando Blazor sin tener que conocer JavaScript. En Infragistics, vemos un gran interés en Blazor, creemos que Blazor está listo para producción, especialmente para aplicaciones de línea de negocios internas 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

Crear 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 la aplicación Blazor Server si desea crear una aplicación web del lado del servidor mediante ASP.NET Core o elija la aplicación Blazor WebAssembly si desea crear un WebAssembly que se ejecutará en el cliente.
6. Si elige la aplicación Blazor WebAssembly, marque la casilla alojada en ASP.NET Core, ya que los recursos de su aplicación se implementan como archivos estáticos en un servidor ASP.NET Core para entregar 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 con línea de comando

1. En Visual Studio Code, abra una nueva Terminal.
2. En el mensaje de Terminal, escriba uno de los siguientes, 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 de Blazor diseñados para desarrolladores de C# y .NET que buscan crear aplicaciones web ricas y responsivas. La biblioteca de componentes Blazor incluye más de 60 cuadros y gráficos de datos para 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. Diseñado y desarrollado profesionalmente para desarrolladores de C# y .NET, Ignite UI for Blazor le proporciona todo lo que necesita para crear aplicaciones web enriquecidas. Todo respaldado por 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 lanzamientos importantes por año en los que presentamos nuevos componentes, características del producto y mejoras Blazor.

Nuestros componentes Blazor se incluyen como parte de nuestro paquete Ignite UI. Una licencia de desarrollador única comienza en $1295 USD por una suscripción de un año, incluido un año de soporte estándar y actualizaciones. También ofrecemos descuentos para licencias multianuales. Consulte la página de Precios para obtener más información sobre los precios.

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

Sí, puede implementar una aplicación que utilice Ignite UI for Blazor en clientes ilimitados. Con la flexibilidad de nuestros planes, solo otorgamos licencias por desarrollador y no cobramos ningún tiempo de ejecución, regalías ni tarifas de implementación.

El equipo de Infragistics mantiene una biblioteca completa de ejemplos de código Blazor a la 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 aplicaciones de muestra Blazor aquí

A partir de la versión Infragistics Ultimate 22.2, todos los componentes Blazor son compatibles con .NET 7. El equipo Infragistics siempre monitorea las principales versiones en .NET y mantiene todos los componentes compatibles para que los desarrolladores puedan crear UX de alto impacto y aplicaciones con todas las funciones sin compromiso.