Blazor RuCommunity
86 members
5 photos
74 links
Статьи, гайды по технологии blazor и webassembly

Чат: https://teleg.eu/blazor_chat

По всем вопросам писать: @alladuh
Download Telegram
to view and join the conversation
С сегодняшнего дня начну показывать существующие компоненты для 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
Тут команда 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
Осталось две библиотеки компонентов, про которые хотелось сказать. Обе имеют одинаковое количество звёзд на 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 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