С сегодняшнего дня начну показывать существующие компоненты для Blazor.

Сразу отмечу, что есть решения от больших поставщиков компонентов (Telerik, DevExpress, Syncfusion и т.д.) и с ними можно ознакомиться на сайтах компаний. Они стоят денег за подписку, но имеют триальные версии для ознакомления. Здесь же постараюсь сделать уклон в сторону бесплатных решений.

Начнём не с самой популярной библиотеки - BlazorFluentUI - https://github.com/BlazorFluentUI/BlazorFluentUI
Стиль библиотеки очень похож на стиль microsoft. Например такой используется на их официальном сайте.

Пример компонентов можно посмотреть на сайте: https://www.blazorfluentui.net/

#Blazor #BlazorRuCommunity #BlazorComponents

Следующие компоненты - Skclusive.Material.Component - https://github.com/skclusive/Skclusive.Material.Component

Skclusive.Material.Component является попыткой перенести популярную react библиотеку Material-UI на Blazor. Пример компонентов можно посмотреть на сайте: https://skclusive.github.io/Skclusive.Material.Docs/

#Blazor #BlazorRuCommunity #BlazorComponents

FAST Framework

Это немного не стандартный набор компонентов. Это даже не набор компонентов (хотя такие имеются), а возможность создавать однообразные компоненты, под множество frontend фреймворков. Как заявляют разработчики, то FAST это:
1) Возможность улучшить время запуска вашего приложения, скорость рендеринга или потребление памяти;
2) Возможность внедрять в свои компоненты фирменные стили, такие как Microsoft's Fluent UI или Google's Material Design;
3) Возможность использовать один набор компонентов под разные frontend фреймворки;
4) Возможность использования большего количества веб-стандартов, чтобы меньше зависеть от изменения JavaScript фреймворков.

Fast framework имеет отличный сайт с описанием, а также репозиторий на гитхабе:
* https://bit.ly/2CriDdg
* https://www.fast.design/

Также недавно проходил ASP.NET Community Standup, который был посвящён данному фреймворку: https://bit.ly/3ejiZQg

#Blazor #BlazorRuCommunity #BlazorComponents

Сегодня показываем Radzen Blazor Components - https://github.com/akorchev/blazor.radzen.com

Если судить по звёздочкам на GitHub, то эту библиотеку можно назвать средней по популярности. Однако она содержит много компонентов: от кнопок и меню до графиков и таблиц.

Примеры компонентов можно посмотреть на сайте: https://blazor.radzen.com/

#Blazor #BlazorRuCommunity #BlazorComponents

BlazorStrap - https://github.com/chanan/BlazorStrap

А вот и всеми знакомые Bootstrap компоненты для Blazor. Примеры компонентов: https://blazorstrap.io/

#Blazor #BlazorRuCommunity #BlazorComponents

Тут команда Mobile Blazor представила июльское обновление в котором добавили Hybrid Blazor apps.

Hybrid Blazor apps - это композиция нативного и веб UI в одном приложении. Теперь вы можете писать нативный UI, используя Blazor, а также создавать веб UI в этом же приложении при помощи Blazor.

Подробное описание тут: https://bit.ly/2E6ffFi

Бесплатная электронная книга на русском: Blazor для разработчиков ASP.NET Web Forms.

Blazor — это новая веб-платформа, которая расширяет возможности создания веб-приложений с помощью .NET. Blazor представляет собой клиентскую платформу веб-интерфейса, основанную на C#, а не на JavaScript. Эта книга знакомит разработчиков ASP.NET Web Forms с Blazor в привычном и удобном для них формате.

Скачать бесплатно: http://msft.it/6276TWtHj

Автор статьи рассказывает о том, как обеспечить безопасность в WebAssembly приложении с помощью Auth0. По ссылке целый гайд: https://bit.ly/2OVUDBQ

3-е место по звёздочкам на GitHub занимает Blazorise.

Это библиотека, которая построена на основе Blazor и CSS фреймворков (например Bootstrap, Bulma and Material). Blazorise состоит из пяти nuget пакетов, каждый из которых относится к тому или иному стилю:
- Blazorise.Bootstrap
- Blazorise.Bulma
- Blazorise.Material
- Blazorise.AntDesign
- Blazorise.Frolic

Ссылка на GitHub: https://github.com/stsrki/Blazorise
Также в описании есть ссылки на демо по каждому стилю

#Blazor #BlazorRuCommunity #BlazorComponents

ASP.NET Community Standup на тему миграции с Web Forms на Blazor: https://www.youtube.com/watch?v=l4Xpx9Zx-4Q

Если вы хотели развернуть Blazor WebAssembly на AWS, но не знали как, то эта статья поможет пошагово решить задачу: https://bit.ly/316rZ6B

Осталось две библиотеки компонентов, про которые хотелось сказать. Обе имеют одинаковое количество звёзд на GitHub, поэтому (на своё усмотрение) расскажу в этом посте о MatBlazor.

MatBlazor является одним из самых популярных наборов компонент для любых frontend фреймворков и Blazor не исключение.
Компоненты этой библиотеки реализуют общие схемы взаимодействия в соответствии со спецификацией Material Design.

Ссылка на GitHub: https://github.com/SamProf/MatBlazor
Ссылка на примеры: https://samprof.github.io/MatBlazor/

#Blazor #BlazorRuCommunity #BlazorComponents

Обзор бесплатных библиотек с компонентами для Blazor завершает Ant Design Blazor.

Ant Design Blazor основывается на популярной React библиотеке Ant Design и является качественной альтернативой популярного MatBlazor.

Ссылка на GitHub: https://github.com/ant-design-blazor/ant-design-blazor
Ссылка на примеры: https://ant-design-blazor.gitee.io/en-US/Components/overview
(Если будут проблемы с отображением компонентов на сайте, попробуйте переключить язык справа вверху)

#Blazor #BlazorRuCommunity #BlazorComponents

Закину сразу две новости, т.к. давно не было публикаций!

Обзор обновлений для Blazor в .NET 5 в очередном ASP.NET Community Standup: https://www.youtube.com/watch?v=KRNd8JDRqRc

Сравнение Blazor и Angular в Web разработке: https://bit.ly/2Y7m2Wu

Возможно ещё не все знают, но у канала есть чат!
Welcome: https://teleg.eu/blazor_chat ❤️

Сайт, который посвящён пошаговому изучению Blazor: https://proglib.io/w/85f8b219

Пока новостей немного, посмотрите разработку Blazor wasm приложения на стриме Jeffrey T. Fritz: https://youtu.be/HnC_TNMmlfE

Также недавно на NDC Oslo 2020 Steve Sanderson рассказывал про создание современного веб приложения при помощи Blazor: https://youtu.be/kLhoRyLxwAE

Почитайте о применении ReactiveUI в приложениях на Blazor: https://www.reactiveui.net/blog/2020/07/article-blazor-compelling-example
(подводка к следующей новости🙊)

19 сентября сообщество ReactiveUI проведет онлайн мероприятие на котором помимо ReactiveUI.Blazor расскажут об использовании реактивных расширений для .NET, о кросплатформенной разработке на AvaloniaUI и .NET MAUI, также будет доклад, посвященный реактивным коллекциям и DynamicData.

Более подробную информацию о докладах и спикерах можно получить на сайте мероприятия: https://www.rxuiconf.net/

Для участия нужна лишь регистрация: https://www.eventbrite.com.au/e/rxui-conf-tickets-115157956548?ref=estw