Crie aplicativos Blazor mais rapidamente com componentes C#

Blazor é desenvolvido pela Microsoft e representa uma estrutura da Web gratuita e de código aberto que permite aos desenvolvedores criar aplicativos da Web ricos em recursos usando C#, código HTML e sintaxe Razor em vez de JavaScript. A criação de aplicativos do lado do servidor acontece com o Blazor Server, enquanto o Blazor WebAssembly executa aplicativos do lado do cliente diretamente no navegador. Infragistics é um colaborador e apoiador ativo do Blazor.

Blazor é uma estrutura para a criação de aplicativos Web modernos executados no navegador criados com o .NET. Blazor permitem que você crie aplicativos Web com dois modelos de renderização diferentes – um modelo do lado do servidor (Blazor Server) ou um modelo do lado do cliente (Blazor WebAssembly).

• Blazor aplicativos do servidor são ASP.NET Core aplicativos hospedados no servidor que executa ASP.NET Core Razor páginas. O processamento é feito no servidor, com atualizações de página HTML do cliente feitas por meio de uma conexão SignalR do ponto de extremidade do servidor.
• Blazor WebAssembly é uma estrutura de SPA (aplicativo de página única) que executa assemblies .NET escritos em C# diretamente no navegador. WebAssembly, um padrão aberto para executar código binário em páginas da web. Nesse modo, seu código está sendo executado em um runtime do .NET baixado com seu aplicativo.
Não importa qual das duas abordagens você use para seu aplicativo Web, ambas permitem que você crie seus aplicativos Web usando C# para código de cliente e servidor em vez de JavaScript, enquanto ainda permite que você use qualquer biblioteca JavaScript com a ponte de interoperabilidade JavaScript do Blazor.

O valor exclusivo do Blazor é que você cria aplicativos com C# em vez de JavaScript, oferecendo aos desenvolvedores do .NET uma excelente opção para criar experiências novas e interativas na Web, incluindo um ótimo caminho para migrar de aplicativos da área de trabalho para aplicativos Web. Embora as estruturas JavaScript venham e vão, ASP.NET da Microsoft ainda estão fortes depois de 20 anos. Embora tenha havido diferentes tipos e iterações de ASP.NET, um tema comum e consistente em todas as versões do ASP.NET é a linguagem de programação C# e o .NET Framework. Usado por milhões de desenvolvedores por 2 décadas, o poder e a flexibilidade do .NET Framework executam as maiores (e menores) empresas do mundo hoje. Com o Blazor, há um caminho a seguir para a criação de aplicativos Web com uma estrutura moderna. Em termos do que o futuro reserva, a Microsoft tem um forte roteiro para Blazor, tanto Blazor Server quanto Blazor WebAssembly. Recursos da plataforma, aprimoramentos de desempenho e suporte de longo prazo com o .NET 5 e a mudança para o .NET 6 também foram anunciados pela Microsoft. No Infragistics, acreditamos que Blazor tem um futuro forte e estamos investindo em controles e componentes de interface do usuário para que você possa criar os melhores aplicativos possíveis com Blazor.

Um aplicativo Blazor é um aplicativo Web interativo e moderno criado usando ASP.NET, C# e .NET Framework que pode executar qualquer tipo de aplicativo de linha de negócios, aplicativo de produtividade ou aplicativo SaaS na Web. ASP.NET Blazor é um Blazor é uma estrutura para criar interface do usuário da Web interativa do lado do cliente com o .NET. Blazor aplicativos são diferentes dos aplicativos Angular ou React das seguintes maneiras:

• Os desenvolvedores usam C# em vez de JavaScript, mas não estão excluídos do uso de JavaScript.
• Os desenvolvedores podem aproveitar ao máximo o .NET Framework, que tem décadas de segurança e confiabilidade integradas.
• A lógica do aplicativo pode ser compartilhada entre o cliente e o servidor usando ASP.NET Core.
• Os desenvolvedores podem escolher se um modelo baseado em servidor usando ASP.NET Core ou um modelo puro do lado do cliente usando WebAssembly.
• Blazor processamento do WebAssemby é totalmente feito no navegador do cliente, usando um runtime do .NET. Um aplicativo Blazor é criado usando classes C#, bibliotecas C# ou bibliotecas JavaScript e páginas Razor. Razor páginas são representadas como arquivos .razr e permitem que os desenvolvedores combinem a marcação HTML com o código C# em uma única página.

Um componente Blazor é a classe C# reutilizável do .NET incorporada aos assemblies do .NET que são usados para lógica e composição da interface do usuário do lado do cliente. Um componente Blazor representa um elemento da interface do usuário (código C#, marcação HTML, outros componentes) de um aplicativo Web Blazor, como uma página, formulário, grade de dados, gráfico de dados ou qualquer aspecto de uma página que seja renderizada como HTML. Um componente lida com interações, eventos e lógica de renderização. Os componentes podem ser aninhados e reutilizados em um aplicativo Web ou em diferentes aplicativos Web como bibliotecas de classes Razor ou pacotes NuGet. O benefício da página Razor para componentes Blazor é que um desenvolvedor pode incluir marcação HTML, JavaScript e C# em um único arquivo, usando o poder do Visual Studio IntelliSense e a depuração para acelerar o desenvolvimento de componentes e páginas. Infragistics envia mais de 30 componentes Blazor e estamos investindo fortemente em Blazor componentes em 2021 para oferecer ainda mais o que você precisa para criar seus aplicativos do futuro.

O desempenho é fundamental para o sucesso de qualquer estrutura de aplicativo. Se as operações forem lentas, as páginas forem renderizadas lentamente, as interações forem lentas, não haverá adoção de uma estrutura. A Microsoft sabe disso melhor do que ninguém. Com o Blazor, como qualquer nova tecnologia, sempre há problemas que surgem com uma versão 1, alguns deles relacionados ao desempenho. O maior retrocesso com Blazor é em torno do tamanho do pacote que inclui o .NET Framework e o WebAssembly do aplicativo real que está sendo executado. Como o WebAssembly é mais do que uma simples página HTML, ele inclui DLL e binários que são enviados do servidor para o cliente, existe o risco de uma carga inicial maior, o que pode afetar seu aplicativo se for um aplicativo SaaS na Web. Para aplicativos internos de linha de negócios, o tamanho da carga geralmente não é relevante. A Microsoft está comprometida em resolver problemas de desempenho no Blazor, desde o tamanho inicial da carga até o desempenho geral da execução do runtime no cliente. No Infragistics, esperamos que esses problemas sejam resolvidos entre agora e quando o .NET 6 for lançado no outono de 2021.

Blazor está pronto para produção, na verdade, muitas pequenas empresas e empresas estão usando Blazor hoje. Blazor foi lançado pela primeira vez pela Microsoft em 2018, mas a empolgação com Blazor atingiu o auge em torno do lançamento oficial do Blazor WebAssembly em 19 de maio de 2020. Blazor WebAssembly corresponde ao padrão SPA (Single Page Application) para escrever aplicativos que Angular e React seguir. Isso significa que um aplicativo não depende de um servidor web para executar a lógica de negócios, ele pode ser executado no navegador e o servidor web só é necessário para fornecer conteúdo estático ao cliente. Melhor ainda, um desenvolvedor .NET, que conhece C#, pode criar aplicativos Web modernos e interativos usando Blazor sem precisar saber JavaScript. Na Infragistics, vemos um grande interesse no Blazor, acreditamos que Blazor está pronto para produção, especialmente para aplicativos internos de linha de negócios que você pode considerar migrar do Windows Forms ou do WPF para a Web. Vemos o crescimento aumentando em 2021 e os clientes começando a sério em 2021 criando Blazor aplicativos.

Criar um aplicativo Blazor é simples.

Pré-requisitos para um aplicativo Blazor

1. Instale o Visual Studio 2019 versão 16.6 para Windows ou a versão 8.6 para Mac com o ASP.NET e o Desenvolvimento Web instalados.
2. Instale o SDK do .NET 5 se você estiver usando o Visual Studio Code

Criando um aplicativo Blazor com o Visual Studio

1. Abra o Visual Studio.
2. Clique em Criar um novo projeto.
3. Selecione Blazor aplicativo e clique em Avançar.
4. Altere o nome do projeto, o local e o nome da solução ou deixe os padrões e clique em Avançar.
5. Escolha Blazor aplicativo de servidor se quiser criar um aplicativo Web do lado do servidor usando ASP.NET Core ou escolha Blazor aplicativo WebAssembly se quiser criar um WebAssembly que será executado no cliente.
6. Se você escolheu Blazor aplicativo WebAssembly, marque a caixa de seleção ASP.NET Core hospedado, pois os ativos do aplicativo são implantados como arquivos estáticos em um servidor ASP.NET Core para fornecer o conteúdo estático aos clientes.
7. Clique no botão Criar.

Criando um aplicativo Blazor com Visual Studio Code com linha de comando

1. No Visual Studio Code, abra um novo Terminal.
2. No prompt do Terminal, digite uma das seguintes opções, com base no tipo de aplicativo Blazor que você deseja criar, Blazor WebAssembly ou Blazor Server:

dotnet novo blazorwasm

dotnet novo blazorserver

Para aprender todas as opções para criar aplicativos Blazor na linha de comando, use o -h para obter as opções de Ajuda

dotnet new blazorwasm -h

dotnet new blazorserver -h

Ignite UI for Blazor é uma biblioteca completa de componentes e controles Blazor projetados para desenvolvedores C# e .NET que desejam criar aplicativos Web avançados e responsivos. A biblioteca de componentes Blazor inclui 60+ tabelas e gráficos de dados para melhores visualizações, grades e tabelas de dados rápidas e componentes de interface do usuário (UI).

Ignite UI for Blazor é a biblioteca mais completa de componentes de interface do usuário Blazor de nível empresarial disponível. Projetado e desenvolvido profissionalmente para desenvolvedores C# e .NET, o Ignite UI for Blazor fornece tudo o que você precisa para criar aplicativos Web avançados. Tudo apoiado por Infragistics 30+ anos de liderança no setor e nosso premiado suporte ao vivo.

Infragistics lança pequenas atualizações todos os meses com dois grandes lançamentos por ano, onde introduzimos novos componentes Blazor, recursos do produto e aprimoramentos.

Nossos componentes Blazor estão incluídos como parte de nosso pacote Ignite UI. Uma única licença de desenvolvedor começa em US$ 1.295 para uma assinatura de um ano, incluindo um ano de suporte e atualizações padrão. Também oferecemos descontos para licenças de vários anos. Consulte a página Preços para obter mais informações sobre preços.

O melhor lugar para começar é a documentação Ignite UI for Blazor e os materiais de introdução. Ele fornece uma explicação passo a passo para criar aplicativos do Blazor Server, aplicativos WebAssembly Blazor e aplicativos .NET MAUI Blazor usando o Visual Studio. Você também pode adicionar Ignite UI for Blazor a um aplicativo existente. Basta ir para Instalar Ignite UI for Blazor pacote.

Sim, você pode implantar um aplicativo que usa componentes ou controles Ignite UI for Blazor para clientes ilimitados. Com a flexibilidade de nossos planos, licenciamos apenas por desenvolvedor e não cobramos taxas de tempo de execução, royalties ou implantação.

A equipe da Infragistics mantém uma biblioteca abrangente de exemplos de código Blazor que você pode acessar aqui e ver como é um novo projeto Blazor simples. Além disso, há uma biblioteca de aplicativos de amostra, incluindo aplicativos de colaboração em equipe, comércio eletrônico, viagens e muito mais. Você pode explorar os Blazor aplicativos de exemplo aqui

A partir da versão Infragistics Ultimate 22.2, todos os componentes Blazor são compatíveis com o .NET 8. A equipe Infragistics sempre monitora os principais lançamentos no .NET e mantém todos os componentes compatíveis para que os desenvolvedores possam criar UX de alto impacto e aplicativos completos sem comprometimento.