Обзорная статья - сравнение UI фреймворков. Автор сравнивает популярные фреймворки с Blazor и приводит свои умозаключения.
Сразу отмечу, что сравнение не имеет технического подкрепления, но наглядно демонстрируются плюсы и минусы фреймворков.
https://bit.ly/318A24w
Сразу отмечу, что сравнение не имеет технического подкрепления, но наглядно демонстрируются плюсы и минусы фреймворков.
https://bit.ly/318A24w
ChristianFindlay.com
Blazor vs. React / Angular / Vue.js
Blazor is a new Microsoft technology that allows developers to write code for browsers in C#. This article compares Blazor to three other common SPA frameworks: React, Angular, and Vue.js. JavaScri…
В .NET Preview 6 был добавлен template для Blazor WebAssembly (client side).
Немного больше информации по ссылке: https://visualstudiomagazine.com/articles/2020/06/25/net-5-blazor-template.aspx
Немного больше информации по ссылке: https://visualstudiomagazine.com/articles/2020/06/25/net-5-blazor-template.aspx
Visual Studio Magazine
Blazor WebAssembly Template Lands in .NET 5 Preview 6 -- Visual Studio Magazine
Microsoft shipped Preview 6 of the unifying .NET 5 framework, with several updates being added to the web site development component of the framework -- ASP.NET Core -- including the addition of a Blazor WebAssembly template.
Предлагаю посмотреть недавний .NET Community Standup, который касается использования EF Core в Blazor: https://www.youtube.com/watch?v=HNJYIqeBLQc
YouTube
Entity Framework: .NET Community Standup - June 24th 2020 - EF Core in Blazor
Join members from the .NET teams for our community standup covering great community contributions for Framework, .NET Core, Languages, CLI, MSBuild, and more.
Community Links: https://www.theurlist.com/efcore-standup-2020-06-24
Community Links: https://www.theurlist.com/efcore-standup-2020-06-24
Давно ничего не было про Blazor Mobile. И вот в недавнем ASP.NET Community Standup Jon Galloway и Eilon Lipton поговорили на тему Blazor Mobile Bindings: https://www.youtube.com/watch?v=ibIl3mgH0LQ
YouTube
ASP.NET Community Standup - June 23, 2020 - Blazor Mobile Bindings (Eilon Lipton)
Join members from the ASP.NET teams for our community standup covering great community contributions for ASP.NET, ASP.NET Core, and more.
Community links for this week: https://www.theurlist.com/aspnet-standup-2020-06-23
Community links for this week: https://www.theurlist.com/aspnet-standup-2020-06-23
С сегодняшнего дня начну показывать существующие компоненты для Blazor.
Сразу отмечу, что есть решения от больших поставщиков компонентов (Telerik, DevExpress, Syncfusion и т.д.) и с ними можно ознакомиться на сайтах компаний. Они стоят денег за подписку, но имеют триальные версии для ознакомления. Здесь же постараюсь сделать уклон в сторону бесплатных решений.
Начнём не с самой популярной библиотеки - BlazorFluentUI - https://github.com/BlazorFluentUI/BlazorFluentUI
Стиль библиотеки очень похож на стиль microsoft. Например такой используется на их официальном сайте.
Пример компонентов можно посмотреть на сайте: https://www.blazorfluentui.net/
#Blazor #BlazorRuCommunity #BlazorComponents
Сразу отмечу, что есть решения от больших поставщиков компонентов (Telerik, DevExpress, Syncfusion и т.д.) и с ними можно ознакомиться на сайтах компаний. Они стоят денег за подписку, но имеют триальные версии для ознакомления. Здесь же постараюсь сделать уклон в сторону бесплатных решений.
Начнём не с самой популярной библиотеки - BlazorFluentUI - https://github.com/BlazorFluentUI/BlazorFluentUI
Стиль библиотеки очень похож на стиль microsoft. Например такой используется на их официальном сайте.
Пример компонентов можно посмотреть на сайте: https://www.blazorfluentui.net/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
GitHub - BlazorFluentUI/BlazorFluentUI: Port of FluentUI/Office Fabric React components and style to Blazor
Port of FluentUI/Office Fabric React components and style to Blazor - GitHub - BlazorFluentUI/BlazorFluentUI: Port of FluentUI/Office Fabric React components and style to Blazor
Следующие компоненты - 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
Skclusive.Material.Component является попыткой перенести популярную react библиотеку Material-UI на Blazor. Пример компонентов можно посмотреть на сайте: https://skclusive.github.io/Skclusive.Material.Docs/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
GitHub - skclusive/Skclusive.Material.Component: Port of Material-UI in C# for Blazor
Port of Material-UI in C# for Blazor. Contribute to skclusive/Skclusive.Material.Component development by creating an account on GitHub.
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
Это немного не стандартный набор компонентов. Это даже не набор компонентов (хотя такие имеются), а возможность создавать однообразные компоненты, под множество 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
GitHub
microsoft/fast
The adaptive interface system
for modern web experiences. - microsoft/fast
for modern web experiences. - microsoft/fast
Сегодня показываем Radzen Blazor Components - https://github.com/akorchev/blazor.radzen.com
Если судить по звёздочкам на GitHub, то эту библиотеку можно назвать средней по популярности. Однако она содержит много компонентов: от кнопок и меню до графиков и таблиц.
Примеры компонентов можно посмотреть на сайте: https://blazor.radzen.com/
#Blazor #BlazorRuCommunity #BlazorComponents
Если судить по звёздочкам на GitHub, то эту библиотеку можно назвать средней по популярности. Однако она содержит много компонентов: от кнопок и меню до графиков и таблиц.
Примеры компонентов можно посмотреть на сайте: https://blazor.radzen.com/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
akorchev/blazor.radzen.com
Sample application showcasing the Radzen Blazor Components - akorchev/blazor.radzen.com
BlazorStrap - https://github.com/chanan/BlazorStrap
А вот и всеми знакомые Bootstrap компоненты для Blazor. Примеры компонентов: https://blazorstrap.io/
#Blazor #BlazorRuCommunity #BlazorComponents
А вот и всеми знакомые Bootstrap компоненты для Blazor. Примеры компонентов: https://blazorstrap.io/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
GitHub - chanan/BlazorStrap: Bootstrap 4 Components for Blazor Framework
Bootstrap 4 Components for Blazor Framework. Contribute to chanan/BlazorStrap development by creating an account on GitHub.
Тут команда Mobile Blazor представила июльское обновление в котором добавили Hybrid Blazor apps.
Hybrid Blazor apps - это композиция нативного и веб UI в одном приложении. Теперь вы можете писать нативный UI, используя Blazor, а также создавать веб UI в этом же приложении при помощи Blazor.
Подробное описание тут: https://bit.ly/2E6ffFi
Hybrid Blazor apps - это композиция нативного и веб UI в одном приложении. Теперь вы можете писать нативный UI, используя Blazor, а также создавать веб UI в этом же приложении при помощи Blazor.
Подробное описание тут: https://bit.ly/2E6ffFi
ASP.NET Blog
Hybrid Blazor apps in the Mobile Blazor Bindings July update | ASP.NET Blog
Realeasing the mobile blazor bindings which adds support for building Hybrid Blazor apps, which contain both native and web UI.
Forwarded from Developers Community
Бесплатная электронная книга на русском: Blazor для разработчиков ASP.NET Web Forms.
Blazor — это новая веб-платформа, которая расширяет возможности создания веб-приложений с помощью .NET. Blazor представляет собой клиентскую платформу веб-интерфейса, основанную на C#, а не на JavaScript. Эта книга знакомит разработчиков ASP.NET Web Forms с Blazor в привычном и удобном для них формате.
Скачать бесплатно: http://msft.it/6276TWtHj
Blazor — это новая веб-платформа, которая расширяет возможности создания веб-приложений с помощью .NET. Blazor представляет собой клиентскую платформу веб-интерфейса, основанную на C#, а не на JavaScript. Эта книга знакомит разработчиков ASP.NET Web Forms с Blazor в привычном и удобном для них формате.
Скачать бесплатно: http://msft.it/6276TWtHj
Автор статьи рассказывает о том, как обеспечить безопасность в WebAssembly приложении с помощью Auth0. По ссылке целый гайд: https://bit.ly/2OVUDBQ
Auth0 - Blog
Securing Blazor WebAssembly Apps
Learn how to secure Blazor WebAssembly applications with Auth0.
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
Это библиотека, которая построена на основе 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
GitHub - Megabit/Blazorise: Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap…
Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material. - Megabit/Blazorise
ASP.NET Community Standup на тему миграции с Web Forms на Blazor: https://www.youtube.com/watch?v=l4Xpx9Zx-4Q
YouTube
ASP.NET Community Standup - July 28th 2020 - Migrating from Web Forms to Blazor
Join members from the ASP.NET teams for our community standup covering great community contributions for ASP.NET, ASP.NET Core, and more.
Community links for this week: https://www.theurlist.com/aspnet-standup-2020-07-28
Community links for this week: https://www.theurlist.com/aspnet-standup-2020-07-28
Если вы хотели развернуть 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
MatBlazor является одним из самых популярных наборов компонент для любых frontend фреймворков и Blazor не исключение.
Компоненты этой библиотеки реализуют общие схемы взаимодействия в соответствии со спецификацией Material Design.
Ссылка на GitHub: https://github.com/SamProf/MatBlazor
Ссылка на примеры: https://samprof.github.io/MatBlazor/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
GitHub - SamProf/MatBlazor: Material Design components for Blazor and Razor Components
Material Design components for Blazor and Razor Components - GitHub - SamProf/MatBlazor: Material Design components for Blazor and Razor Components
Обзор бесплатных библиотек с компонентами для 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
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
GitHub
GitHub - ant-design-blazor/ant-design-blazor: 🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.
🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly. - ant-design-blazor/ant-design-blazor
Обзор обновлений для Blazor в .NET 5 в очередном ASP.NET Community Standup: https://www.youtube.com/watch?v=KRNd8JDRqRc
YouTube
ASP.NET Community Standup - Aug 11th 2020 - Blazor Updates in .NET 5
Join members from the Blazor team to hear about what's on the way in .NET 5! Lots of new demos and fun new features! 🥳
Community links for this week: https://www.theurlist.com/aspnet-standup-2020-08-11
#Blazor #ASPNET
Community links for this week: https://www.theurlist.com/aspnet-standup-2020-08-11
#Blazor #ASPNET