New Blazor WebAssembly capabilities in .NET 6

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

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

50% 1

aka.ms/dotNETC...
With .NET 6, the underlying .NET WebAssembly runtime supports entirely new kinds of functionality, and can be faster and more productive than ever before.
"Native dependencies" enables embedding libraries from other tech stacks (e.g., a C/C++ database engine, or a Rust media processor). AOT compilation brings truly near-native performance to your .NET code in the browser, and the new build toolchain can now strip out unused native code to ship significantly smaller bundles.
This talk explores how you can build new kinds of web apps, while having a more enjoyable and productive experience via instant hot reload and a better Razor editor. 👨‍💻 Slides & code: aka.ms/dotnetc...
🎉 .NET 6 Release Blog: devblogs.micro...
⬇ Download .NET 6: aka.ms/dotNETC...
🙋‍♀️🙋‍♂️ Get your questions answered on the Microsoft Q&A for .NET: aka.ms/dotnet-qa
💭 Join the .NET Tech Community Forums: aka.ms/dotnet/...
🏫 Learn C#, F#, and .NET with free self-guided learning from Microsoft Learn: aka.ms/learndo...
#dotnet6 #dotnetconf #dotnet

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

30 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@BinaryLizard 2 года назад

Steve Sanderson certainly deserves a spot in the Microsoft Hall of Fame for most innovative engineer in recent years. Well done sir.

@estevatopanchovillacruz9969 2 года назад

absolutely! i still use knockoutjs sometimes. :)

@jewymchoser 2 года назад

I was just thinking "as soon as blazor has EF, it's game over". Blazor is amazing, I haven't been this in love since college!

@bendunaway8296 2 года назад

Me either. Blazor is the culmination and so many technologies. I use it whenever possible.

@angeloangeloqquiambao406 2 года назад

I'm always excited whenever Steve presented. Another great video from you and the .net team.

@hemant-sathe 2 года назад

Steve, you never fail to amaze with what you do with technology. I still remember your first demo on web assembly with C# and I guess mono runtime. It looked like magic and I can see that magic is turning into reality. Great work. Keep going. You definitely are ahead of what regular developers can think of in a product.

@joff3 2 года назад

Fantastic demo, that was a really fun presentation to watch. Some of the things you can do with Blazor now are mind-blowing. Hopefully this will convince my colleagues that Blazor is a lot more than "the next WebForms" 😀

@erbouchard 2 года назад

Finally samples showing more than counters. Amazing stuff. Well done. Great presentation. .NET 6 WebAssembly is serious.

@81NARY 2 года назад

I was holding out on blazor as it didn't support registering web components earlier, now I'm definitely using it for all my back office and possibly user facing apps.

@stevec4195 2 года назад

Great demo.. for those struggling to build / run and are getting errors around missing sqlite dll etc 1) Using the VS installer (updater) - look in the "Individual Components" and ensure [.Net WebAssembly build tools] is ticked 1a) If you dont want to install rust and tools .. edit the ManufacturingHub csproj and comment out this line 2) \blazorOrbital\centralserver\dotnet run 3) start the VS project ManufacturingHub (note that the rustqr functionality wont obvioulsy work) Hope that helps

@albertngoudjou8581 2 года назад

Thanks for the demo, However, I pulled down the repo and was not able to make it to work as shown in the video using visual studio 2022. I still have the same error as in .dotnet 5 ---> System.DllNotFoundException: e_sqlite3. Thanks

@ablqadir16 2 года назад

have you found any solution or still same as per your comment.

@distinguishedmoments2277 2 года назад

Did you run the ecma script? sounds like that could be the issue

@Phileosophos 2 года назад

I remember my joy when I first realized what WebAssembly meant for me as a developer. Until I tried actually using it with Blazor and ran into too many walls for it to be useful. The walls that just came down are examples of exactly the things that didn't work before. This is a huge win for developers using .NET. Well done!

@PaulVanBladel 2 года назад

Steve, brilliant. Thank you so much. The sample on github is not directly F5-able. You should add following nuget packages in the web assembly project: and make sure the install the wasm-tools dotnet workload install wasm-tools By doing so, you can skip Steve's section about compiling the sqlite parts.

@HomeSlize 2 года назад

thats it! i'm switching to Blazor!

@sps014 2 года назад

23:00 Best comparison of Interpreter vs AOT , great job

@theraylans 2 года назад

the sample is really amazing, I totally do not like when the tutorial videos give too basic demo like hello world or just simple crud. But this one is different and make me can learn a lot by using this kind of demo.. nice video :)

@armandpaghent6411 2 года назад

Steve, It is always a pleasure to watch your demo which are so clear and so near of our needs. You and your team are making incredible things that we atmost think impossible. I can't wait to migrate to blazor and Maui. Thanks

@rafaelfabro4782 2 года назад

What more if .NET JIT compilation is allowed on the browser?

@Squirrelies1 2 года назад

This is a GREAT video on Blazor in .NET 6!

@PatrickWolfM 2 года назад

What a great, well paced and informative talk... Web assemblies are very cool!

@rahmanmahmoodi8573 2 года назад

Wow, this is massive! To be able to export the Blazor component as a web component to be used in a React app is absolutely awesome!!

@parithi4u 2 года назад

Aaa

@parithi4u 2 года назад

Q aaa

@GiovaM 2 года назад

Great video but i cannot compile your code, may you please add a readme with "how to compile" guide? it complains about missing nativefile references, also missing rustqr library

@chamikagoonetilaka4026 2 года назад

Could you please direct me to the code? I couldn't find it via the link in the description.

@ericgrover3582 2 года назад

Is there a link to the GIT repo for the demo code?

@jmoralesv03 2 года назад

Yes, it appears at the end of the video, minute 29:00

@lucdebliquis9489 2 года назад

Somebody got the demo app to run (inventory / sqlite) ? always the same error System.Reflection.TargetInvocationException: Exception has been thrown by the target of an invocation. ---> System.DllNotFoundException: e_sqlite3. i installed the SQLitePCLRaw.bundle... no succcess :(. Thanks

@araobenjamin 2 года назад

Same problem here. And the build process don't show all the output as in the video.

@lucdebliquis9489 2 года назад

cannot find the MissionControl app neither

@timobr 2 года назад

Same here too

@christopher4567 2 года назад

Same problem here.

@damiendecroos7944 2 года назад

I got that error too. Check in you Visual Studio installation if you installed ".NET WebAssembly build tools"

@usmanfarooq_pk 2 года назад

Thanks for putting so much effort into building these features. I am very much interested in offline scenarios as well as registering web components for reusing. I have downloaded the VS 2022 and am ready for Blazing... 😊

@UserIdentity 2 года назад

I think I will get promotion next year only 😂 😂 😂 😂 😂 ( Only those who watched the video carefully will get the joke )

@mentalstatement 2 года назад

Need a better tool for working with API’s and EF core.. VS should have something like a built in Postman that will generate API endpoints and tie into EF core.. I’m making my first web app to learn Blazor, took me 2 days just to create the API devices. VS should just have a feature where you enter an API url and it will generate everything for you you..

@Andrew-es6yt 2 года назад

Blazingly amazing presentation. Thanks, Steve!

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

Guys there is such a thing as too large text. I had to watch this video in a smaller size just to be able to focus and it's still too large. Don't make videos for blind people lol

@CookieMonsteeerrr 2 года назад

Does anyone has a link to source code of it?

@Hunpriest 11 месяцев назад

An important thing is missing from the video: where the SQLite database is persisted?

@thinktanium9789 Год назад

did my nerd just call persistent sqlite through ef in webassembly?

@gdargdar91 2 года назад

Title suggestion: "New Blazor WebAssembly capabilities in .NET 6 (As a billionaire.)"

@44Bigs 2 года назад

This demo at 12:00 looks and works better than any CRUD I’ve ever made. Amazing

@Sajibkumarjoarder 2 года назад

u guys are giving importance to webassembly but sever is becoming the bad child. i would say blazor server is as important is webassembly.. technically there are many companies are interested in server based solution becaz of security

@v.gedace1519 2 года назад

WOW! Microfrontends in WebAssembly in MS style!

@lanjiyumiao01 2 года назад

Father of Blazor!

@leandrocasas90 2 года назад

Of the handful of talks that I've seen so far, this is my favourite. Blazor WebAssembly + EF + SQL Lite is just a game changer for me. And AOT was the cherry on top.

@samuelmaharjan5967 2 года назад

How are you choosing different versions from the toolbox?

@habibi750 2 года назад

Can you edit the data in SQLite and push it back to the main server via grpc?

@Entroper 2 года назад

Steve. Wow. You've outdone yourself, and that's saying a lot. Hat's off.

@ryanleemartin7758 2 года назад

they insist on using Rust, whether or not that's convenient to you.. I see what you did there.

@redradist 2 года назад

Agree very great demo !! As for me default debug application (right from template) size was near 500kB ... Steve says it should be 1.1MB ? Seems like there additional optimizations was applied from MS guys

@frankquagmire 2 года назад

Does anybody know if there is a size limit for the offline SQLite database file?

@vinvincible 2 года назад

This looks brilliant, just what I need I think, is there anywhere I can get a more in-depth step by step tutorial which goes into linking to the native libraries (particularly Sqlite) in more depth, I had a look at your source and tried to recreate it so i could understand how it all goes together but I am getting errors when trying to build my application (I noticed there were certain switches activated for unsafe code etc.) I tried activating these but still no joy. Looking forward to using this many thanks.

@fieryscorpion 2 года назад

That was pure genius. Thank you Steve!

@kourosh234 2 года назад

Can't anyone do this app step by step as a tutorial, please? :)

@PinikRahman 2 года назад

This person just became my most favorite .NET presenter.. Amazing demo of amazing tech

@lakra4k 2 года назад

I Love Blazor! ❤️

@drsinder 2 года назад

Downloaded the sample. Compiles and server runs but clients will not connect: Hmmm… can't reach this pagelocalhost refused to connect. Try: Checking the connection Checking the proxy and the firewall ERR_CONNECTION_REFUSED

@iremirror5705 2 года назад

Heads up, I am not sure the SQL stuff is currently true in production, and a website that only works on a local machine isn't much of a website. See issue 39528 in the dotnet/aspnetcore for reference of the given production error.

@LebaneseNostalgia 2 года назад

Wow, I need to know more about using Blazor component in react!!!! that is super cool! I hate react but sometimes forced to work with it!

@bardus_hobus 2 года назад

First off, my mind is blown!! Second off...that is the most beautiful UI in Blazor...man I wish I could make mine look that good XD

@Erril_Ferndal 2 года назад

Thank you! Its amazing that you can export Blazor to React or other JS libraries or go the way around and use, for example, Angular in a Blazor application. I love Blazor WebAssembly! C# in the Frontend, I am in!!

@marcosphs 2 года назад

Dear Steven, what would be a possible solution to create a layout similar to .Net Core MVC?

@Beliar275 2 года назад

I see the possibilities as well .. light weight amazing web apps - though I run into problems. Certificate problems - no matter what I do, it runs well on my development machine, then install everything on the presentation machine and "service worker installation fails / unsafe blabla ..." Where do I get a working easy to use - if possible cost free certificate ... else the service worker and the whole neat offline functionality is gone

@mstarlingc 2 года назад

Best samples as usual from Steven, blow away with the new capabilities of dotnet 6, that react/blazor thing.... booy....

@miroslavparvanov 2 года назад

As always, aBLazing presentation

@sharafudeen4734 2 года назад

Awesome stuff! How about hundreds of razor components in a Razor Class Library assembly can make it lazy load? Any thoughts on that?

@pkl2000us 2 года назад

The SQL Lite feature was kind of cool. But could you not use indexedDB for this scenario ?? An official EFcore wrapper around indexedDB would have been a cleaner implementation leveraging on an already mature web interface

@wboumans 2 года назад

Indeed. I love blazor but this overkill.

@ТимурАзизов-и3о 2 года назад

I just wondering, can ve made AOT compiled app like Sputnik simulator in video, and then use it in different not AOT compoled web assembly app via component export that we used to show table in react.

@CookieMonsteeerrr 2 года назад

Does grid support virtual rows means only visible rows are fethced?

@BobWeberJr 2 года назад

Thank you, the most valuable talk on Blazor I've seen yet! Please keep them coming! Subscribed!

@browaruspierogus2182 2 года назад

I wonder how this stuff will work when they change something in react or rust that causes blowups of whole system MS cant keep up with 3 different code platforms on same level. This is just a good toy for maybe a year or two

@josephr5000 2 года назад

Question: what grid control are you using in this demo? I really like the appearance and am curious about using it. I tried following the links here but none had your source code that I could read.

@luciannaie 2 года назад

More details about running efcore +sqlite in the browser would be appreciated. Also as a token of love to us, explain the code that does the db sync :)

@willinton06 2 года назад

So this is it, this is when Blazor starts to get an edge, can’t wait until the WASM GC is done, we’ll be so ahead of the curve it won’t be funny

@toxikwastedump 2 года назад

i like how this is solving problems that don't actually exist on live web platforms but for only internal tools that any other stack could solve as well

@nebomusic2024 2 года назад

Excellent stuff, excellent presentation! Thank you sir!

@Chainerlt 2 года назад

Really, and I mean REALLY great demo, thumbs up!

@babayaga4329 2 года назад

Why the fuck isn't every web dev talking about this

@CookieMonsteeerrr 2 года назад

ile daliscie za tego vipera?

@guyincognito1985 2 года назад

TLDW: Steve has made $1 billion off of Blazor so far, is heading in to outer space, and we're all invited! 🚀👩‍🚀🌝

@jacobstamm 2 года назад

This has got to be the coolest thing I’ve ever seen in the world of web development. What an exciting time to be a .NET dev

@tosunabi1664 2 года назад

Maybe you can add a feature to download the sources or whatever type of files AOT is working on and compile it directly on the browser at client side and then run the app.

@armanx2 2 года назад

Blazor start to look so much better I wonder if this will take off for jobs

@MartinHAndersen 2 года назад

amazing stuff, can't believe that this is possible in a browser

@awaismukhtar147 2 года назад

Dot net 6 and maui will shape the tech world in wholly new style.. super excited

@alexclark6777 2 года назад

What CSS framework is this demo using? It's beautiful!

@ririndesuyo673 2 года назад

Steve's using tailwind css. It's pretty flexible and I recommend it as well if you want to completely customize the design of your app.

@MrSikesben 2 года назад

Amazing presented features in Blazor WebAssembly. I am definately trying this

@sorteslyngel2k 2 года назад

Where is the SQLite db physically located on the client?

@SaveTheHedgehog 2 года назад

So asp.net core is still live and kicking? I’m trying not to get lost..

@muralikrishnachowdarypolin5601 2 года назад

Hi were I can get blaze demo blazor app source code

@haukurorsson833 2 года назад

Mind-blown.

@lambdaXpression 2 года назад

Where is the code for this demo? I can't seem to find it anywhere

@Steph-jazz 2 года назад

Excellent !

@Matteo98721 2 года назад

what console do you use to install sql lite with emcc?

@worldisone2429 2 года назад

This is insane... Now I feel great as I am using .Net from 9+ years

@soucianceeqdamrashti8175 2 года назад

Excellent talk with great examples! Thanks!

@CookieMonsteeerrr 2 года назад

whats the grid package name on nuget?

@sergeymikolaitis8205 2 года назад

Wow, amazing presentation. Perfect job!

@benjaminng8882 2 года назад

Wow 🤩

@Naster001 2 года назад

I'm mind blown. Blazor is so good!

@leeloo_yh 2 года назад

Can i get the sample source code?

@7mile929 2 года назад

Oh man what is this! quite shocked!

@robertical 2 года назад

I'm really looking forward to see hot reload working in VS. So far just a myth. It would have been better if they had added less features and focused on bugs. Not impressed with Blazor in vs2022.