Blazor - Seis Bibliotecas de Componentes

 Hoje vou apresentar seis biblioteca de componentes, algumas gratuitas , que você pode usar para incrementar seus projetos Blazor.

O Blazor é um novo framework da Microsoft para criar aplicativos Web interativos do lado do cliente usando a linguagem de programação C# e a sintaxe Razor sobre a plataforma do .NET Core.

As aplicações Blazor podem ser hospedadas em um servidor como projetos Blazor Server ou podem ser executadas diretamente no navegador do cliente como um projeto Blazor WebAssembly (WASM), e,  são baseadas em componentes nos quais um componente pode ser qualquer elemento da interface do usuário, como uma página, caixa de diálogo ou um formulário simples de entrada de dados.

Esses componentes nada mais são do que uma página do Razor que contém as marcações e a lógica de renderização da interface do usuário para manipular eventos do usuário. Essas páginas do Razor podem ser distribuídas como bibliotecas reutilizáveis.

Hoje veremos algumas das bibliotecas disponíveis para otimizar a sua produtividade usando o Blazor.

Blazorise

A biblioteca de componentes Blazorise é construída sobre o Blazor e framworks CSS, como Bootstrap, Bulma e material design, e pode ser usada para criar aplicativos Single Page Applications responsivos.

A biblioteca é de código aberto e livre para usar. O Blazorise oferece todos os principais elementos da interface do usuário, como DataGrid, diálogos modais, tabelas, cartões, gráficos etc.

Um site de demonstração está exibindo o uso de todos os elementos da interface do usuário, além de uma boa documentação sobre como usar esses elementos.

Veja meu artigo apresentando o Blazorize : Blazor - Componentes Bootstrap (Blazorise)

SyncFusion Blazor UI Components

As bibliotecas de componentes SyncFusion Blazor são um conjunto que oferece mais de 60 controles de interface de alto desempenho, leves e responsivos para criar aplicativos Blazor altamente interativos.

A suíte oferece uma rica coleção de componentes, variando de um TimePicker simples a componentes de visualização de dados, como Kanban, gráficos de ações, etc.

As bibliotecas possuem uma documentação, instruções de como fazer, fóruns e demonstração, juntamente com o código-fonte. A suíte completa exige uma taxa de US $ 995 por desenvolvedor pelo uso da sua biblioteca no primeiro ano e também possui outros modelos de preços.

Confira o site de demonstração aqui.

Radzen Blazor Components

A biblioteca de componentes Radzen Blazor Component contém mais de 40 componentes nativos da interface do usuário do Blazor. A biblioteca contém todos os controles básicos como Button, Link, Image to Form, ListBox, DatePicker, etc.

Uma demonstração de como usar um controle de interface do usuário, juntamente com o código e vários cenários de casos de uso de aplicativos, está disponível em seu site. A melhor parte do Radzen Blazor Component é que eles são livres para uso pessoal e comercial.

Veja  o meu artigo apresentando a Radzen : Blazor - Apresentando a Biblioteca Blazor Radzen - Macoratti ...

DevExpress Blazor Components

A biblioteca DevExpress UI for Blazor contém mais de 25 componentes da interface do usuário e inclui controles como DataGrid, Pivot Grid, Scheduler e vários controles de gráficos. Esses controles podem ser usados tanto para o aplicativo Blazor Server quanto para o Blazor WebAssembly.

A demonstração de componentes, instruções e documentação estão disponíveis neste link. No momento em que escrevo, o DevExpress também está oferecendo um curso de treinamento gratuito no Blazor e o pacote de componentes da interface do usuário do Blazor pode ser baixado e usado gratuitamente por um tempo limitado.

MatBlazor

O MatBlazor compreende uma variedade de componentes que implementam padrões de interação comuns, de acordo com a especificação de projeto de material.

O código fonte e a documentação pode ser consultada neste link: https://github.com/SamProf/MatBlazor

Veja também os artigos que eu já escrevi sobre o MatBlazor:

Ant Design Blazor

Esta biblioteca é um conjunto de componentes de interface do usuário de classe empresarial baseados no Ant Design e Blazor.

O Ant Design é uma biblioteca do React UI que possui uma infinidade de componentes fáceis de usar, úteis para criar interfaces de usuário elegantes. Criado pelo conglomerado chinês Alibaba, o Ant Design é usado por vários grandes nomes: Alibaba , Tencent, Baidu e muito mais.

A seguir vou deixar alguns links de livros gratuitos que você pode baixar para estudar o Blazor:

Aproveite os recursos oferecidos e dê uma chance ao Blazor, ele merece...

E estamos conversados...

"Não vos prendais a um jugo desigual com os infiéis; porque, que sociedade tem a justiça com a injustiça? E que comunhão tem a luz com as trevas?"
2 Coríntios 6:14

Referências:

José Carlos Macoratti