.NET MAUI using Blazor Syntax with BlazorBindings.Maui - NO XAML!

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ • 115

  • @jfversluis
    @jfversluis  Рік тому +10

    Do you REALLY hate XAML? Then maybe you're also interested in C# Markup Extension for .NET MAUI, check that one out here: ua-cam.com/video/nCNh9G-Q688/v-deo.html

    • @mikelopez-tp2ku
      @mikelopez-tp2ku Рік тому +1

      Yes, I REALLY hate XAML! From day 1. Too verbose, quirky, and there's too many subtleties.

    • @queenstownswords
      @queenstownswords Рік тому

      Hello Gerald. Thank you for reaching out to the team on the test framework. We really appreciate it. Please let us know if there are any developments or eta on the test framework. Cheers.

    • @jfversluis
      @jfversluis  Рік тому

      @@queenstownswords I’m not sure what you mean

    • @jfversluis
      @jfversluis  Рік тому +1

      @@mikelopez-tp2ku each to their own! The learning curve definitely is steep, but I’ve come to love it actually!

    • @queenstownswords
      @queenstownswords Рік тому

      @@jfversluis Oh, sorry Gerald. I think you helped on the test automation framework discussion in GitHub and you mentioned it in a previous video. Thanks for following up and please let us know if you get any indication on when the maui test automation framework will be ready for prime time. Cheers

  • @fieryscorpion
    @fieryscorpion Рік тому +18

    I love this! I love Blazor syntax so much better than XAML.
    I hope MSFT productizes this.

    • @jfversluis
      @jfversluis  Рік тому

      🤞 would you use this over XAML? How about the C# markup extensions?

    • @samuelnettey
      @samuelnettey Рік тому +5

      @@jfversluis I would. feels very natural to me. It's like building my apps with only components and throwing some C# in the mix.

    • @samuelnettey
      @samuelnettey Рік тому +2

      But I will jump on this if Microsoft adds it to the mix :-)

    • @stonedhackerman
      @stonedhackerman Рік тому +4

      @@jfversluis YES THIS IS AWESOME

    • @pradeepwijayagoonawardana6358
      @pradeepwijayagoonawardana6358 Рік тому +4

      Exactly ! - they should have made the Blazor syntax a first class citizen in MAUI !

  • @danarj5713
    @danarj5713 Рік тому +8

    XAML was always my biggest problem but with this I will consider giving it a try

    • @jfversluis
      @jfversluis  Рік тому

      Let me know how it goes!

    • @vasilburaliev2096
      @vasilburaliev2096 Рік тому

      Can you please explain what were your challanges by using XAML?

  • @philstein92
    @philstein92 Рік тому +2

    This is so much better than XAML. Definetly need to try this out. Hopefully Microsoft continues dreamescapers excellent work!
    Has anyone yet considered using this in production?

  • @tje316
    @tje316 Рік тому +2

    Honestly - this is so much better than Xaml. It makes the entry into building native apps much more approachable for web developers. But more importantly, declarative Xaml is so much harder and syntactically complicated to read and write than HTML…. Microsoft should definitely make this native to Maui and then seamlessly allow Blazor bindings based native Maui apps to intermix Blazor wasm code in uniformly beautiful ALL-HTML markup…

    • @jfversluis
      @jfversluis  Рік тому +1

      Everyone has their own preferences, but this surely seems to resonate with a lot of people. That much is also clear from Blazor itself. We're definitely keeping our eyes on alternatives to XAML so stay tuned! Thanks for your input!

  • @marna_li
    @marna_li Рік тому +1

    Hahah. I was just thinking about using this, right before you published this. 😊 Nice that it is 1.0

    • @jfversluis
      @jfversluis  Рік тому +1

      🔮 I’m a bit of a mindreader!

  • @deeptaruproy5896
    @deeptaruproy5896 Рік тому

    Cleared all my doubts... I love blazor....

  • @jhonnymello4338
    @jhonnymello4338 Рік тому

    I WAS WAITING FOR IT!

  • @Spylak
    @Spylak Рік тому +1

    Really interesting approach, I wouuld use that for sure if it was officially supported.

    • @jfversluis
      @jfversluis  Рік тому

      That’s good to know, thanks!

  • @shugaoye
    @shugaoye Рік тому

    Very impressive improvement!

    • @jfversluis
      @jfversluis  Рік тому

      It’s a community effort now, which makes it even more impressive!

  • @queenstownswords
    @queenstownswords Рік тому +2

    Question: if you manually install the templates, will an update of VS that does have the templates overwrite the manually installed templates with the in-build VS templates? If so, that would be ideal. (so you do not get any updates out of sync)
    And take my thumbs up Sir. Good video.

    • @jfversluis
      @jfversluis  Рік тому

      I think the chances of this being available through Visual Studio officially in the near future are pretty small. If they will be, it will probably have a different name and will become available through Visual Studio automatically. But I will make a video about that if that happens and walk you through it 😉 Thank you my friend!

  • @adinwashere
    @adinwashere Рік тому +1

    This looks amazing

    • @jfversluis
      @jfversluis  Рік тому

      Be sure to let the author know! Add a star to that repo!

    • @adinwashere
      @adinwashere Рік тому

      @@jfversluis I'm going to play around with it and hopefully have some good feeback for them

  • @richardhauer4696
    @richardhauer4696 Рік тому

    Looks interesting, but what’s the advantage here over the webview version? With the webview we can add a world of JS and get (fairly) consistent rendering and behaviour on all platforms. Most clients prefer consistent look/feel over “native” look/feel. Is this option just for targeting the native look option?

    • @jfversluis
      @jfversluis  Рік тому

      Very simply put this is just another way of writing your UI, but achieving the same result as using XAML today. No other advantages in sharing more code etc

  • @spaRTan3246
    @spaRTan3246 Рік тому

    Feels like a huge step back from MVC. In which real application would you want to mix presentation and logic? 🤨

    • @jfversluis
      @jfversluis  Рік тому

      It's not a linear timeline where this is now the only thing that exists. This is just another way of doing things. You might like the separation of logic and presentation, others might not care that much. And there definitely is more separation possible than shown here as well.

  • @gabrielwembi808
    @gabrielwembi808 Рік тому

    How can we dynamically change iOS Appicon based on build configuration in MAUI?

  • @morteza.m1104
    @morteza.m1104 Рік тому +1

    This is great!

  • @eduardormbr
    @eduardormbr 6 місяців тому

    Sometimes is important to breathe..lol
    Very nice content!

    • @jfversluis
      @jfversluis  6 місяців тому

      No time for that! Too excited for all this amazing stuff! :D
      Thanks for watching!

  • @ibrahimhussain3248
    @ibrahimhussain3248 Рік тому

    can you also do CSS?

    • @jfversluis
      @jfversluis  Рік тому

      You can even do CSS with Xamarin.Forms or .NET MAUI!

  • @Otonium
    @Otonium Рік тому

    So many ways to MAUI, Mixceptions!

  • @cissemy
    @cissemy Рік тому

    Can I use any third part blazor component like syncfusion ?

    • @jfversluis
      @jfversluis  Рік тому

      This is just the Blazor syntax, not actual Blazor so with this no. If you’re building a .NET MAUI Blazor Hybrid app then yes

    • @cissemy
      @cissemy Рік тому

      Is Microsoft going to include this (BlazorBindings.Maui) in .Net 8 ? Currently it does not have enough controls.

    • @jfversluis
      @jfversluis  Рік тому

      @@cissemy this is not something official, this is someone from the community

    • @cissemy
      @cissemy Рік тому

      Thanks

    • @tje316
      @tje316 Рік тому +1

      My question is whether any 3rd party Maui controls (not just default Maui controls) will automatically be able to be referenced and used with Blazor bindings. Or is the community project a codebase that has to include support for those controls (as opposed to some kind of dynamic introspection and support for ANY 3rd party control).

  • @daveblack6951
    @daveblack6951 Рік тому

    This is perfect 👌

  • @cjmates578
    @cjmates578 Рік тому

    super great 👏

  • @deaasaleh3613
    @deaasaleh3613 Рік тому +1

    I think maui converting to a plazor contener and you just need to learn blazor to target all platforms, no need for native maui.
    Why maui team don't think in the other side
    Why maui framework don't targeting web in addition to other platforms with native maui?
    I am a maui native developer and I want to target web without learning blazor .
    I hope to see some updates in this way

    • @jfversluis
      @jfversluis  Рік тому +1

      And what about the Blazor people? They just want to create a native app without wanting to learn .NET MAUI and XAML 😉 unfortunately we're not the only product and team here. Different people, want different things.

    • @deaasaleh3613
      @deaasaleh3613 Рік тому

      ​@@jfversluis I don't have a problem with Blazor developers, but why isn't the integration complete in both directions so that everyone can benefit from all platforms without having to learn more platforms?

    • @deaasaleh3613
      @deaasaleh3613 Рік тому

      I want to say why maui don't targeting web
      İt is an important platform
      And I think it's not difficult by using blazor apps

  • @ERAYKAAN850
    @ERAYKAAN850 Рік тому

    Where is the App.xaml? Like to set the styles of the controls. should i create one?

    • @jfversluis
      @jfversluis  Рік тому

      Have a look at this video where the styling is still loaded from XAML: ua-cam.com/video/egklcAC9arY/v-deo.html
      Or you can do it all from code, or inline with the Blazor syntax of course

  • @RobFinbow
    @RobFinbow Рік тому

    Wait, so how exactly is it possible to mix both HTML and Native controls? Or is this purely native controls just written in Razor?

    • @jfversluis
      @jfversluis  Рік тому

      This technique shows you a different syntax, so basically this will replace XAML with a more Blazor-like syntax and instead of HTML you use the XAML tags that you mix in there. The controls are then still rendered to what it is supposed to look like on that platform. If you want to more mix Blazor and native controls you might want to check this one: ua-cam.com/video/2dllz4NZC0I/v-deo.html

  • @bozhang4070
    @bozhang4070 Рік тому

    Cool, but I am interested about how is style working on this?😅

    • @jfversluis
      @jfversluis  Рік тому

      Should be the same as styling normally? Have a look at this video where the styling is still loaded from XAML: ua-cam.com/video/egklcAC9arY/v-deo.html
      Or you can do it all from code, or inline with the Blazor syntax of course

    • @bozhang4070
      @bozhang4070 Рік тому

      @@jfversluis so I think using xaml will more better. It will don’t need to change context between xaml and blazer. 😀

    • @jfversluis
      @jfversluis  Рік тому

      @@bozhang4070 technically you can also style .NET MAUI with CSS but it’s not much used 😄

  • @yeerno
    @yeerno Рік тому

    This is awsome !!!

  • @omerfarukkaya
    @omerfarukkaya Рік тому

    Is Blazor Bindings ready to production?
    Can we use all features of MAUI with Blazor Bindings?
    When should we choose Bindings instead of MAUI?
    Thanks :)

    • @jfversluis
      @jfversluis  Рік тому

      This is a community project, no support from Microsoft, so you'll have to decide production use for yourself.
      When to choose? It's a different syntax to achieve the same goal. Matter of preference mostly!

  • @zakariaee.3197
    @zakariaee.3197 Рік тому +1

    This is great

    • @jfversluis
      @jfversluis  Рік тому +1

      Would you prefer that over XAML?

    • @toadman5184
      @toadman5184 Рік тому

      ​@@jfversluis For me, very much.

    • @jfversluis
      @jfversluis  Рік тому +1

      Blazor syntax or does Comet or C# markup work as well as long as it’s not XAML?

    • @toadman5184
      @toadman5184 Рік тому +1

      @@jfversluis Blazor syntax is best. I want a unified approach so when I switch from my web app to my mobile I don't have to think "how do I do that in XAML". Like many working developers, I need to use my limited brain power/time on WHAT I'm building rather than HOW I'm building.

    • @zakariaee.3197
      @zakariaee.3197 Рік тому

      @@jfversluis
      For me I think using Blazor is better than xaml but as you know blazor wasm is slow to load components , will this affect Maui?

  • @djosefandersson7605
    @djosefandersson7605 Рік тому

    Nice Github account and status message of a Dreamescaper!

  • @kiriakosgr830
    @kiriakosgr830 Рік тому

    This is very good

  • @drtj2066Tube
    @drtj2066Tube Рік тому

    I know its a new technology but it reminds me of the premitive versions of ASP that had a mix of code-behind and HTML tags in the same page. I'm so sure they'll end up seperating these 2 sections to be like a kind of code behind for the page... as always Microsoft...

    • @jfversluis
      @jfversluis  Рік тому

      You can already do that, it’s just not the default

  • @jaredmatarodriguez8716
    @jaredmatarodriguez8716 Рік тому

    So, now I can add my XAML Content Pages to a razor component... Is that so?

    • @jfversluis
      @jfversluis  Рік тому

      Yes, but that doesn't mean you can use them with "Web" Blazor. That won't work.

    • @jaredmatarodriguez8716
      @jaredmatarodriguez8716 Рік тому

      @@jfversluis Yes, I understand it is only meant to be used in BlazorWebView, but my question is Can I use a MVVM bounded Content Page this way? BTW thank you, Gerald, for your videos 🙂

    • @jfversluis
      @jfversluis  Рік тому

      @@jaredmatarodriguez8716 I guess if you create a component this way you can share it between multiple MAUI Blazor Binding projects if that’s what you’re asking :)

    • @jaredmatarodriguez8716
      @jaredmatarodriguez8716 Рік тому

      @@jfversluis Let's say I have an average Maui app. So I have a Content Page following the MVVM pattern, with a model, a view model, Observable Properties and Commands.
      Then I create a new Maui Blazor app with the BlazorBinding template and intend to copy my XAML Content Page to a razor component.
      I'm sorry if I can't make myself clear, I'm not an English speaker.
      Thank you.

    • @jaredmatarodriguez8716
      @jaredmatarodriguez8716 Рік тому

      @@jfversluis I was seeking more info on this and finally understood that with this approach there would be no need of MVVM at all. Do you consider MVVM will be replaced?

  • @jvetter713
    @jvetter713 Рік тому

    This is amazing and I absolutely hate MVVM.

    • @jfversluis
      @jfversluis  Рік тому

      Haha well this should be good then! Why the hate against MVVM?

    • @haha-hk9tx
      @haha-hk9tx Рік тому

      ​@@jfversluis I just want to make apps in 30 minutes 😂 This is perfect for that.

  • @alexandrebaccarin1972
    @alexandrebaccarin1972 5 місяців тому

    👏👏👏👏

  • @pavelkravchenko2810
    @pavelkravchenko2810 Рік тому

    Why Blazor doesn't support xaml?🤷‍♀

    • @jfversluis
      @jfversluis  Рік тому +1

      Because Blazor has its roots in ASP.NET which uses HTML because it leans on web standards. Would Blazor with XAML be more interesting to you?

    • @pavelkravchenko2810
      @pavelkravchenko2810 Рік тому

      @@jfversluis just feel discriminated)))

    • @jfversluis
      @jfversluis  Рік тому

      @@pavelkravchenko2810 O NO! That is not the idea!

    • @pavelkravchenko2810
      @pavelkravchenko2810 Рік тому

      @@jfversluis 🤗

  • @ERAYKAAN850
    @ERAYKAAN850 Рік тому

    that means i don't need MVM right?

    • @jfversluis
      @jfversluis  Рік тому

      Depends on how you want to see MVVM this definitely still has concepts that look like MVVM but different than from with XAML

    • @ERAYKAAN850
      @ERAYKAAN850 Рік тому

      @@jfversluis i mean like binding in xaml. Like can i make an app now in the same way as in a blazor website with services and api calls

    • @jfversluis
      @jfversluis  Рік тому

      Yes you can. But I’m Blazor you still have @bind and stuff as well 😄 but you can make it the same as Blazor

    • @ERAYKAAN850
      @ERAYKAAN850 Рік тому

      @@jfversluis yeah i know but i love the structure of blazor and the frontend design of xaml. My problem in xaml was always the mvm with bindings. But now i can do it like this, thanks!

  • @obinnaokafor6252
    @obinnaokafor6252 Рік тому +6

    this is quite amazing compared to xaml Maui

    • @jfversluis
      @jfversluis  Рік тому

      Glad you like it! Make sure to let the author know by starring the repo or reaching out!

    • @obinnaokafor6252
      @obinnaokafor6252 Рік тому +1

      @@jfversluis I had already done that. The author is doing an amazing job.

  • @anwaralomari2261
    @anwaralomari2261 Рік тому

    Maui is Multi In One.