Unlocking the power of the Fluent UI Blazor components | .NET Conf 2023

Подписаться 301 тыс.

Просмотров 39 тыс.

50% 1

Dive into the world of Fluent UI and discover how to leverage its seamless integration with Blazor for building web and mobile applications. In this presentation, we'll take you on a journey to explore the fundamentals and building blocks of the library and demonstrate how to quickly incorporate it into your Blazor projects. Learn the basics of setting up the environment, use the interactive components, and change the styling of your application with Fluent UI design tokens. Whether you're a seasoned Blazor developer or just getting started, join us to learn how to create visually appealing and user-friendly applications with the Fluent UI Blazor library.
Blog: aka.ms/dotnet/...
Twitter: aka.ms/dotnet/...
TikTok: aka.ms/dotnet/...
Mastodon: aka.ms/dotnet/...
LinkedIn: aka.ms/dotnet/...
Facebook: aka.ms/dotnet/...
Docs: learn.microsof...
Forums: aka.ms/dotnet/...
🙋‍♀️Q&A: aka.ms/dotnet-qa
👨‍🎓Microsoft Learn: aka.ms/learndo...
#dotnet

Наука

Опубликовано:

29 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 48

@cmenesesg2007 10 месяцев назад

Where I find good documentation and advanced examples of Fluentui for #blazor, in particular. - localization and globalization - Design Token modification - modification of Themes - FluentDataGrid customization, - more Advanced examples of FluentDataGrir, for example a CRUD, etc.

@EldonElledge 7 месяцев назад

Great demo. Well, done. Thank you.

@andresbeltran5779 10 месяцев назад

Awesome presentation

@MrMorajo 10 месяцев назад

@dotnet Would be nice with a link to source code used in this video :)

@YouHarle 10 месяцев назад

it's literally at the end of the video....

@waltermg117 7 месяцев назад

Fluent UI should come as the default instead of Bootstrap; it works very well, and everything is very clear. Or at least promote it more, it took me a long time to find a good UI for Blazor, and this library is wonderful.

@luggiiiluggiii7179 9 месяцев назад

The look of Win11 or Word is not exactly something to brag about xD

@vincentbaaij4933 8 месяцев назад

There is no arguing over taste

@JackNotJack 10 месяцев назад

Wow I am in love with FluentUI. Thank you for a great demo.👏

@AdoTopuz 8 месяцев назад

Are there any other examples of full apps that we could possibly download to play with and get a hang of all the components being used in different ways?

@Aweklin 10 месяцев назад

Really awesome! Already, I love the fluent UI on Microsoft products and now that it's available, I'm switching to it immediately. Great job guys.

@SuperHddf 10 месяцев назад

I need a graph component, too. Please add! ❤

@grimmersnee 9 месяцев назад

Nice, I will consider this for my next project

@pureevil379 10 месяцев назад

Fantastic work! I will be suggesting this for new projects.

@acodersjourney 10 месяцев назад

I'm constantly inspired by your channel. Thanks!

@giampaolotucci5897 10 месяцев назад

Tnx great job!

@peymanebrahimi7756 10 месяцев назад

Thanks a lot. The exact thing that I was looking for.

@StorkCo 10 месяцев назад

MS really put effort into many aspects of Net.Core :))). Thank you for great products.

@shaileshpandey6214 7 месяцев назад

I'm having trouble with Fluent UI DataGrid in my Maui Blazor Hybrid app (Fluent UI latest version, Maui Blazor Hybrid). After adding the script ` to my index.html, the app gets stuck on "Loading..." and won't load fully. showing this line of index.html file of body tag Loading... Any ideas or suggestions !

@jecojacob-e6y 6 месяцев назад

FluentUI Blazor Icons not showing up On the button. I have installed the Microsoft.FluentUI.AspNetCore.Components.Icons nuget package 4.5.0 . No Errors in the Browser . Button is shown correctly with a space for Icon on the start . Any ideas

@YarnellCrew 6 месяцев назад

FluentFooter doesn't seem to be working correctly. It puts the footer text under the content and does not style it at all like your page shows. I just found this video and was trying it so, I am using version 4.6 of the FluentUI package. Any idea on what might be causing this?

@ariesandhi 7 месяцев назад

How to change Fluent DataGrid Header Table BackGround Color? and How to style like Border-Striped? I tried using css Class="...." but not working

@wilfriedkinda 6 месяцев назад

I've followed all the steps but my page's css doesn't work, I've also looked in the list of available components and there's no htmltext editor component for editing and format the text.

@JoeyXie 9 месяцев назад

So using this fluentUI, no need to write CSS?

@vincentbaaij4933 8 месяцев назад

Correct. No CSS needed for the components as they have that 'built-in' already. You will probably still need CSS for building and/or fine tunning the layout of your application.

@DE-sf9sr 10 месяцев назад

Great presentation

@m_stf 10 месяцев назад

whats up with checkbox not toggling the first time ?

@vincentbaaij4933 10 месяцев назад

I thought we could casually ignore that :). Fixed in latest version (4.1.0)

@kuldeepgill2694 7 месяцев назад

Awesome, I'm here due to lack of documentation but video fully satisfied me.

@DE-sf9sr 10 месяцев назад

OT comment but love Ayca's high back chair. How do I get info on that? Need a new one.

@parko1965 7 месяцев назад

Just out of interest are you using global interactive server?

@caseyspaulding 10 месяцев назад

Awesome thanks!

@GnomeEU 8 месяцев назад

this is how all women in our company look.

@dahlw 5 месяцев назад

Yes to adding those chart components!

@rgry 10 месяцев назад

I vote for Chart components :-)

@vincentbaaij4933 10 месяцев назад

30:14 All the links...

@pierretheate5306 10 месяцев назад

come on ! you provided 10 links that are not directly relevants but not the relevants ones. And when someone asked for it, you don't provide again what is asked. Not a big deal, it is easy to type it but why don't you provided these links, I just don't get it.

@ranjitsingh9791 10 месяцев назад

Very nice.

@shahriazkobir5397 9 месяцев назад

Yeah! There is no animations, it even can't compete with thw worst react ui library 😂😂😂😂

@kourosh-h8s 10 месяцев назад

having pure html on the view makes life easier for us programmers, sorry guys!

@zarkokomljenovic4865 10 месяцев назад

? You mean ? Srsly Microsoft, stop inventing the wheel already. Blazor is great, Fluent UI is overhead IMHO (ok, not so H)

@vincentbaaij4933 10 месяцев назад

Nothing stops you from using an . We just provide some helpers for people not so 'fluent' (pun intended) in CSS/html

@zarkokomljenovic4865 10 месяцев назад

@@vincentbaaij4933 so instead investing couple of weeks to learn html and css, basic, most popular, widely spread and easy to learn languages; they should rather learn some complete new and more complicated syntax that will eventually be translated into html and css by the engine anyway? Ok then... :))

@guillermomazzari8320 8 месяцев назад

I really do not understand the bed of saying such dumb comment this adds much more than a simple h1 and gives you a lot of extra options

@zarkokomljenovic4865 8 месяцев назад

@@guillermomazzari8320 Like what?

@zarkokomljenovic4865 8 месяцев назад

@@guillermomazzari8320 ... and it's not a dumb question if you worked as a web designer in early 2000's and you had to do every job twice because of Microsoft Internet Explorer. Because their CSS had a different box model! There is a saying here in Balkans: once you get burned with hot milk you blow in yoghurt too. :D