New Blazor WebAssembly capabilities in .NET 6

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ธ.ค. 2024

ความคิดเห็น •

  • @BinaryLizard
    @BinaryLizard 3 ปีที่แล้ว +228

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

  • @jewymchoser
    @jewymchoser 3 ปีที่แล้ว +41

    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
      @bendunaway8296 3 ปีที่แล้ว +5

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

  • @angeloangeloqquiambao406
    @angeloangeloqquiambao406 3 ปีที่แล้ว +45

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

  • @hemant-sathe
    @hemant-sathe 3 ปีที่แล้ว +19

    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.

  • @erbouchard
    @erbouchard 3 ปีที่แล้ว +6

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

  • @Phileosophos
    @Phileosophos 3 ปีที่แล้ว +5

    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!

  • @stevec4195
    @stevec4195 2 ปีที่แล้ว +1

    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

  • @PaulVanBladel
    @PaulVanBladel 2 ปีที่แล้ว +1

    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.

  • @armandpaghent6411
    @armandpaghent6411 3 ปีที่แล้ว +4

    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

  • @joff3
    @joff3 3 ปีที่แล้ว +10

    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" 😀

  • @toxikwastedump
    @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

  • @jacobstamm
    @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

  • @sps014
    @sps014 3 ปีที่แล้ว +19

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

  • @rahmanmahmoodi8573
    @rahmanmahmoodi8573 3 ปีที่แล้ว +14

    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!!

  • @Squirrelies1
    @Squirrelies1 3 ปีที่แล้ว +3

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

  • @BobWeberJr
    @BobWeberJr 3 ปีที่แล้ว

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

  • @PinikRahman
    @PinikRahman 3 ปีที่แล้ว +5

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

  • @PatrickWolfM
    @PatrickWolfM 3 ปีที่แล้ว +10

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

  • @leandrocasas90
    @leandrocasas90 3 ปีที่แล้ว +1

    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.

  • @petermorris1769
    @petermorris1769 3 ปีที่แล้ว +3

    An excellent demonstration, as usual, and some great new features too. Thanks, Steve & the Blazor team!

  • @Andrew-es6yt
    @Andrew-es6yt 3 ปีที่แล้ว +9

    Blazingly amazing presentation. Thanks, Steve!

  • @81NARY
    @81NARY 3 ปีที่แล้ว +18

    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.

  • @theraylans
    @theraylans 3 ปีที่แล้ว +4

    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 :)

  • @fieryscorpion
    @fieryscorpion 3 ปีที่แล้ว +1

    That was pure genius.
    Thank you Steve!

  • @mahdihngr9394
    @mahdihngr9394 3 ปีที่แล้ว

    One of the best presentation in .netConf

  • @bardus_hobus
    @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
    @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!!

  • @luanau
    @luanau 2 ปีที่แล้ว

    Steve is a computing genius!

  • @44Bigs
    @44Bigs 3 ปีที่แล้ว +10

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

  • @awaismukhtar147
    @awaismukhtar147 3 ปีที่แล้ว

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

  • @ericgrover3582
    @ericgrover3582 3 ปีที่แล้ว +5

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

    • @jmoralesv03
      @jmoralesv03 3 ปีที่แล้ว +1

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

  • @Entroper
    @Entroper 3 ปีที่แล้ว +6

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

  • @HomeSlize
    @HomeSlize 3 ปีที่แล้ว +13

    thats it! i'm switching to Blazor!

  • @Naster001
    @Naster001 3 ปีที่แล้ว

    I'm mind blown. Blazor is so good!

  • @lanjiyumiao01
    @lanjiyumiao01 3 ปีที่แล้ว +3

    Father of Blazor!

  • @v.gedace1519
    @v.gedace1519 3 ปีที่แล้ว +1

    WOW! Microfrontends in WebAssembly in MS style!

  • @Retro80smusic
    @Retro80smusic 2 ปีที่แล้ว

    Excellent stuff, excellent presentation! Thank you sir!

  • @raymondsedibana2810
    @raymondsedibana2810 3 ปีที่แล้ว

    Great talk, You rock, Steve!

  • @usmanfarooq_pk
    @usmanfarooq_pk 3 ปีที่แล้ว +11

    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... 😊

  • @GiovaM
    @GiovaM 3 ปีที่แล้ว +3

    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
      @chamikagoonetilaka4026 3 ปีที่แล้ว +1

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

  • @MrSikesben
    @MrSikesben 3 ปีที่แล้ว

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

  • @josephr5000
    @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.

  • @soucianceeqdamrashti8175
    @soucianceeqdamrashti8175 3 ปีที่แล้ว

    Excellent talk with great examples! Thanks!

  • @danielgilleland8611
    @danielgilleland8611 3 ปีที่แล้ว

    Ok - you got my thumbs-up as soon as you described the demo scenario!

  • @aL3891_
    @aL3891_ 3 ปีที่แล้ว +2

    man native dependencies unlocks so much potential :O

  • @lakra4k
    @lakra4k 3 ปีที่แล้ว +8

    I Love Blazor! ❤️

  • @armanx2
    @armanx2 2 ปีที่แล้ว

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

  • @Hunpriest
    @Hunpriest ปีที่แล้ว

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

  • @MartinHAndersen
    @MartinHAndersen 3 ปีที่แล้ว +4

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

  • @sergeymikolaitis8205
    @sergeymikolaitis8205 3 ปีที่แล้ว

    Wow, amazing presentation. Perfect job!

  • @rafaelfabro4782
    @rafaelfabro4782 3 ปีที่แล้ว +4

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

  • @mstarlingc
    @mstarlingc 3 ปีที่แล้ว

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

  • @vinvincible
    @vinvincible 3 ปีที่แล้ว +5

    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.

  • @Chainerlt
    @Chainerlt 3 ปีที่แล้ว

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

  • @jessetabak
    @jessetabak 3 ปีที่แล้ว +3

    Great demo, thanks Steven

  • @abhaq50000
    @abhaq50000 หลายเดือนก่อน

    Wow this is really great. What about dotnet 8 or dotnet 9?
    Is it working or has it been discontinued?
    I try it in dotnet8 but i can't run it

  • @albertngoudjou8581
    @albertngoudjou8581 3 ปีที่แล้ว +7

    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
      @ablqadir16 3 ปีที่แล้ว

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

    • @distinguishedmoments2277
      @distinguishedmoments2277 2 ปีที่แล้ว

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

  • @gorhal19686
    @gorhal19686 3 ปีที่แล้ว

    Wonderful video. Love it!

  • @iremirror5705
    @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.

  • @worldisone2429
    @worldisone2429 3 ปีที่แล้ว

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

  • @redradist
    @redradist 3 ปีที่แล้ว +5

    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

  • @zimcoder
    @zimcoder 3 ปีที่แล้ว +1

    Pretty Awesome. Great as usual from Steve

  • @tosunabi1664
    @tosunabi1664 3 ปีที่แล้ว

    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.

  • @samuelmaharjan5967
    @samuelmaharjan5967 2 ปีที่แล้ว

    How are you choosing different versions from the toolbox?

  • @marcosphs
    @marcosphs 2 ปีที่แล้ว

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

  • @luciannaie
    @luciannaie 3 ปีที่แล้ว

    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 :)

  • @AndersonPhiriPAC2
    @AndersonPhiriPAC2 3 ปีที่แล้ว +3

    This is amazing. I will be trying out lots of all possible swig generate code inside blazor wasm

  • @ТимурАзизов-и3о
    @ТимурАзизов-и3о 3 ปีที่แล้ว

    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.

  • @pkl2000us
    @pkl2000us 3 ปีที่แล้ว +1

    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
      @wboumans 2 ปีที่แล้ว

      Indeed. I love blazor but this overkill.

  • @LebaneseNostalgia
    @LebaneseNostalgia 3 ปีที่แล้ว

    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!

  • @frankquagmire
    @frankquagmire 3 ปีที่แล้ว +4

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

  • @sharafudeen4734
    @sharafudeen4734 3 ปีที่แล้ว

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

  • @sorteslyngel2k
    @sorteslyngel2k 3 ปีที่แล้ว

    Where is the SQLite db physically located on the client?

  • @habibi750
    @habibi750 2 ปีที่แล้ว

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

  • @CookieMonsteeerrr
    @CookieMonsteeerrr 3 ปีที่แล้ว

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

  • @haukurorsson833
    @haukurorsson833 2 ปีที่แล้ว

    Mind-blown.

  • @alexclark6777
    @alexclark6777 3 ปีที่แล้ว +4

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

    • @ririndesuyo673
      @ririndesuyo673 3 ปีที่แล้ว +3

      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.

  • @miroslavparvanov
    @miroslavparvanov 3 ปีที่แล้ว +6

    As always, aBLazing presentation

  • @TonyHenrique
    @TonyHenrique 3 ปีที่แล้ว +5

    Wow! Awesome!

  • @litan5006
    @litan5006 3 ปีที่แล้ว

    Thank you for the great talk

  • @karliskalviss1381
    @karliskalviss1381 3 ปีที่แล้ว

    Huge thanks!

  • @CookieMonsteeerrr
    @CookieMonsteeerrr 3 ปีที่แล้ว

    ile daliscie za tego vipera?

  • @drsinder
    @drsinder 3 ปีที่แล้ว

    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

  • @Boscor
    @Boscor 3 ปีที่แล้ว +3

    Great demo!

  • @queenofpain6483
    @queenofpain6483 3 ปีที่แล้ว

    This is just too cool

  • @CookieMonsteeerrr
    @CookieMonsteeerrr 3 ปีที่แล้ว +1

    Does anyone has a link to source code of it?

  • @lambdaXpression
    @lambdaXpression 3 ปีที่แล้ว

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

  • @abhaq50000
    @abhaq50000 หลายเดือนก่อน

    sir plz what is the grid name how can use it > it is best grid with filter

  • @Matteo98721
    @Matteo98721 3 ปีที่แล้ว

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

  • @CookieMonsteeerrr
    @CookieMonsteeerrr 3 ปีที่แล้ว

    whats the grid package name on nuget?

  • @afouadr
    @afouadr 3 ปีที่แล้ว +3

    Just brilliant.

  • @halxenden3614
    @halxenden3614 3 ปีที่แล้ว

    This is cool, but I have questions. If you have all your company's inventory in SQLite in the browser, how secure is your data? If your SQLite DB is synchronised with the big DB in the cloud, can a malicious user make adjustments to their local SQLite DB and have those changes sync up to the cloud? Where can I find more information on the security implications of this?

    • @jakpbubu
      @jakpbubu 3 ปีที่แล้ว

      Yup, also would like to hear more about this topic.

  • @r1pfake521
    @r1pfake521 3 ปีที่แล้ว +2

    Is the grid part of the "default" Blazor components or third party?

    • @v.gedace1519
      @v.gedace1519 3 ปีที่แล้ว

      Do you really think HERE is a 3rd party component used & shown?

  • @prod42
    @prod42 3 ปีที่แล้ว +1

    I love the requirement list at 3:10. There are only two points missing than it would be a common list :) It really needs to be done by tomorrow and of course it should cost almost nothing.

    • @hemant-sathe
      @hemant-sathe 3 ปีที่แล้ว +3

      Tomorrow is too late. Boss needed it yesterday 😉

  • @SaveTheHedgehog
    @SaveTheHedgehog 3 ปีที่แล้ว

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

  • @Beliar275
    @Beliar275 3 ปีที่แล้ว

    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

  • @benjaminng8882
    @benjaminng8882 2 ปีที่แล้ว

    Wow 🤩

  • @willinton06
    @willinton06 3 ปีที่แล้ว

    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

  • @muralikrishnachowdarypolin5601
    @muralikrishnachowdarypolin5601 3 ปีที่แล้ว

    Hi were I can get blaze demo blazor app source code

  • @siavashmohammady9095
    @siavashmohammady9095 3 ปีที่แล้ว

    thank you