8 ms·

Uno platform: Build single-codebase applications across all platforms

95 points by nsoonhui 4y ago

KronisLV 4y ago
It's always nice to see cross platform UI solutions, even though in general there are always some quirks. Also there's just something nice about being able to preview the supported components online, in a webpage, for example: https://xamlcontrolsgallery.platform.uno/ https://xamlcontrolsgallery.platform.uno/ It even seems to generate proper HTML, instead of using a canvas like some other solutions, which sidesteps a plethora of issues. That said, loading the gallery meant 24 MB of assets, 6 MB with compression still, which does feel kind of heavy. That said, I kind of understand why, seeing as dotnet.wasm was about 12 MB of that (a bit above 2 MB when compressed). So in a sense, we're getting close to being the same size as React, Angular and Vue applications, though still an order of magnitude off, which may not be good enough for some. That said, loading the front page of Reddit (new design) is also about 7 MB of content, so clearly people prioritize the content/looks over download sizes, though the overhead of WASM solutions still cannot be ignored. On the desktop, however? It feels to me like more non-packaged-webapp options are nice, even like JavaFX/OpenJFX since the performance and resource usage of those can still be better than that of a packaged browser. One might also suggest to always try to use the native options, but I'll take what I can get.
- SeasonalEnnui 4y ago
  Thanks for the link; does anyone notice a lag when selecting pages, particularly 'Menus and Toolbars'? I'm generally pro-C# and reducing developer effort however it rubs me the wrong way when simple UIs have lag.
  - thegeomaster 4y ago
    It freezes up my 5 year old Android phone completely and does not load at all...
    - olvy0 4y ago
      Works fine on Opera mobile on my old android phone, after about a 3 minutes load.
      - thegeomaster 4y ago
        If it took 3 minutes to load, it's a stretch to say it works fine ;)
  - jlaban-uno 4y ago
    Uno Platform CTO here - About the Xaml Controls Gallery on Wasm, the issue is on our side and we'll update our websites. This specific demo webapp has not been updated in a very long while, and a very recent one to try Uno out is https://gallery.platform.uno https://gallery.platform.uno for a more accurate representation of the perf/size/features characteristics. About the payload size of the app, this is still very much a work in progress on all fronts, whether it being missing WebAssembly features, size optimizations on the dotnet front, or linking/trimming (IL and native) opportunities on Uno's generated code side. On the performance side, threading is coming, AOT (IL to Wasm) is improving significantly in .NET 7 and more coming in .NET 8 to reduce the size of the payload by using newer WebAssembly features (albeit at the expense of older browsers). As for the menus and toolbars, you can take a look at some our our live samples here: https://playground.platform.uno/#menubar https://playground.platform.uno/#menubar We know that Wasm-only apps will still be at a disadvantage for while when compared to JS frameworks simply because browsers are offering a lot out of the box (standard JS library, GC, Runtime, HTML layouting/rendering, more advanced JIT, etc...) but that gap may eventually narrow down as Wasm evolves, making the porting and development of webapp using many established language ecosystems an attractive choice.
  - barbarbar 4y ago
    After long time i could view the page. But clicking any item in the menu did not work. Brave on android.
- captainmuon 4y ago
  One would think the visuals of WinUI would lend itself to a lean implementaion in HTML. I think the problem with XAML is, that it is not really declarative. Declarative would be: "I want a list/detail view, and the detail view has the following actions." and then you apply a theme for look&feel. Rather, you quite explicitly place rectangles, borders, and so on, in a scene. In UNO, a button doesn't translate to a HTML button, but to four nested <div>s and a <p>.
chrismsimpson 4y ago
How/why is this different to MAUI?
- bmitc 4y ago
  .NET MAUI is an evolution of Xamarin.Forms developed by Microsoft. The Uno Platform and also Avalonia are third-party solutions. All three use slightly different flavors of XAML, to my knowledge.
  - robertwt7 4y ago
    MAUI looks promising. I just hope that microsoft address the crazy anount of bugs that xamarin had. To this day I’m still not sure if they’re lack of resource or prioritisation for xamarin.
    - memsom 4y ago
      Interested to hear what bugs you found.... I have a pretty non trivial commercial app in Xamarin Forms (currently just Android) and we really never found any showstoppers. (Talks to other devices via usb/ble, talks to the cloud and does realtime display state and live mapping etc.)
      - robertwt7 4y ago
        Have a look at this: https://github.com/dotnet/maui/issues/109 https://github.com/dotnet/maui/issues/109 if you have been following bugs in xamarin you would have known. It's good that you haven't encounter any that's blocking, but for those who did it's very frustrating it seems like it's catching up to MAUI as well, look at the number of issues that's growing for the past 4 months...
- tornadofart 4y ago
  Uno can build for Linux desktop, while .NET MAUI currently does not support Linux
- marczellm 4y ago
ghuntley 4y ago
See also https://calculator.platform.uno/ https://calculator.platform.uno/ and https://visualstudiomagazine.com/articles/2020/10/20/linux-calculator.aspx?m=1 https://visualstudiomagazine.com/articles/2020/10/20/linux-c...
- mmastrac 4y ago
  If this is the experience, no thanks. I stared at a blank screen for about 5 seconds on Firefox mobile before the calculator appeared. Almost gave up.
  - pionar 4y ago
    Note that these are only demos in WASM, one of the targets for UNO. It's mostly a native UI toolkit.
  - jlaban-uno 4y ago
    Uno CTO here - We're always chasing performance issues in WebAssembly and I'm curious, are you still seeing the 5 second delay when the app has been loaded once and refreshing? We know that mobile browsers are not particularly efficient with Wasm on mobile devices (particularly iOS), but you may be in a different scenario and/or device.
    - mmastrac 4y ago
      I'm on a Fairphone 4 using Firefox Mobile. Probably not the most common use case, but it looked like things were failing and I nearly gave up. I'd recommend keeping a few not-cutting-edge CPU devices around and run them with both Chrome and Firefox.
      - jlaban-uno 4y ago
        Thanks for the details! We do have lower-end devices to try with, and it's definitely not the best experience. We're currently pinning on the JIT, but troubleshooting is still difficult... much to do in that area. The native app version of the app generally fares better, even we still have some improvements to make here (the new Android 13 JNI improvements are likely to help us a lot).
invalidname 4y ago
Uno seems great. What surprised me is that it seems more successful than Codename One which has been around longer and works with Java/Kotlin. If Java is more popular than C# (which pretty much every survey confirms), how come Codename One didn't pick up more traction. What did Codename One do wrong?
- actionfromafar 4y ago
  Can be any number of reasons, maybe Java shops do other things, like backend and biz logic.
- tommyage 4y ago
  C# can be natively compiled, doesn't it?
  - invalidname 4y ago
    Codename One lets you do that with Java. Even more so since native on Android is Java...
    - michaelmior 4y ago
      I'm not sure I would say Java is native on Android. Sure, most Android apps run on the JVM, but it's not strictly necessary. Google has even released a Native Development Kit that lets you write code in C/C++. https://developer.android.com/ndk/ https://developer.android.com/ndk/
      - invalidname 4y ago
        This works through JNI. It will work fine as long as you don't use Java/Kotlin stuff. Then you will need to traverse back into the running VM. That has a serious overhead of going in/out of the VM. Since the Android UI is built in Java C code that tries to work with it is slower. Notice that this isn't true for games which interact with the hardware directly in C. Only for high level UI stuff.
alexklarjr 4y ago
with C# and XAML not again…
hourago 4y ago
> all platforms Meaning Windows, Web/WebAssembly, iOS, macOS, Android, and Linux. So, no consoles. But it looks good for many back-office applications.
- deleted 4y ago
  [deleted]
deleted 4y ago
[deleted]
imachine1980_ 4y ago
What is the advantage of uno over flutter?
- nbevans 4y ago
  Mainstream ecosystem and language.
  - Apocryphon 4y ago
    What ecosystem does it have access to?
    - nbevans 4y ago
      .NET
- rickstanley 4y ago
  I don't know the advantages, but a big disadvantage for me is the lack of Linux support, whereas Flutter has a steady growth in this field. Well, the last time I checked at least, this was my perspective. Or maybe I'm confusing with MAUI
  - TotempaaltJ 4y ago
    First line of the linked repo's README: > The Uno Platform is a UI Platform for building single-codebase applications for Windows, Web/WebAssembly, iOS, macOS, Android, and Linux.
  - pionar 4y ago
    You are confusing it with MAUI.
shireboy 4y ago
I’m a Net developer since 1.0 (and before that), but Silverlight really burned me on XAML. I want to like it, but inevitably end up thinking JS/HTML are better in most cases. For all its faults, JS is something more developers can understand. My typical stack is c# backend, JS/html (ie vue, angular, alpine,etc) front end, and ionic framework for cross plat mobile. MS is pushing MAUI pretty hard, which is also XAML based. Would love to hear some counter opinions as to why XAML > JS+HTML.
- pharmakom 4y ago
  XAML sucks. However, these platforms can be used without XAML. See what the F# community is up to with Fabulous, for example
- atchoo 4y ago
  You can use CSharpForMarkup with WPF, WinUI 3, Uno Platform. with AvaloniaUI and Maui coming and possibly Blazor. https://github.com/VincentH-Net/CSharpForMarkup https://github.com/VincentH-Net/CSharpForMarkup
- jongalloway2 4y ago
  There is the Blazor Hybrid option with .NET MAUI. You write your UI using Razor (HTML + C#) and can use native controls and features when needed. As a .NET dev who prefers HTML to XAML, this feels more natural to me for a lot of apps. https://docs.microsoft.com/aspnet/core/blazor/hybrid/tutorials/maui https://docs.microsoft.com/aspnet/core/blazor/hybrid/tutoria...
- pjmlp 4y ago
  I have been doing GUIs since the Windows 3.x days, and Web since around 1996. With XAML I can make the page actually look how I want, master styles control templates and so one on, with Web I have given up on that, better leave the designers turn a div soup into a combo box with the right behaviours, assuming enough CSS magic is added to the potion. Then rince and repeat for every browser on the support matrix.
silasdb 4y ago
Is it somehow comparable to Haxe? (https://haxe.org/ https://haxe.org/)
- rickstanley 4y ago
  I think that, if you put heaps (https://heaps.io https://heaps.io) on top of Haxe (which already is) it is somewhat comparable
StevePerkins 4y ago
Every 6 months or so, I take a quick tour through all of the various cross-platform UI frameworks out there. Most of which, with the notable exception of Flutter, are C# and .NET Core based. I'm just wondering... does anyone actually have success using any of these frameworks from a context other than Visual Studio on Microsoft Windows? I'm on a Mac, install .NET through Homebrew, and use Rider when I dabble with C# stuff, and I've just never had a smooth experience getting ANY of these things to work. Even for "Hello World" test apps. MAUI, Avalonia, Uno, I'm probably forgetting another one. None of them actually work on my machine. I always get the feeling that someone, somewhere, at one point got "Hello World" working on a Mac... wrote up a doc saying that it's supported... and then the doc immediately fell out of date. I feel like the only Mac user on earth touching any of these things every time I experiment with them.
- jayd16 4y ago
  It would be useful to hear what doesn't work. The same thing? Different things?
  - StevePerkins 4y ago
    To be fair, I went to the website and gave it a fresh try again: https://platform.uno/docs/articles/get-started-rider.html?tabs=macos#prerequisites https://platform.uno/docs/articles/get-started-rider.html?ta... I was able to get through the .NET install, and "uno-check" process without much issue. However, the screenshots on this page show a Solution file with a "MyApp.macOS" project inside. I generated the "MyApp" skeleton project using the verbatim bootstrap command "dotnet new unoapp -o MyApp"... but the generated solution does not include a "MyApp.macOS" project inside. After a lot of experimenting, I discovered that the WASM-based implementation actually does run. Even though it requires me to enter my root password every time it starts the development HTTP server (WTF?). I mean... a fresh install, following the published instructions step-by-step verbatim, should produce a "Hello World" skeleton project that matches the doc. Just saying.
- password4321 4y ago
  I'm not aware of any 3rd party that can afford to both offer an open core product and keep up with Microsoft, a company infamous for "fire and motion" - attracting developers to the next new thing.
formsrefugee 4y ago
MAUI is Microsoft's attempt to fix the mess that is Xamarin Forms. The "evolution of Xamarin Forms" means it was rebranded to disassociate itself with the historical baggage. However, it is bug driven development at its worst. Use Flutter if you want something cross-platform that actually works.
deleted 4y ago
[deleted]

95 points by nsoonhui 4y ago

It's always nice to see cross platform UI solutions, even though in general there are always some quirks. Also there's just something nice about being able to preview the supported components online, in a webpage, for example: https://xamlcontrolsgallery.platform.uno/ https://xamlcontrolsgallery.platform.uno/ It even seems to generate proper HTML, instead of using a canvas like some other solutions, which sidesteps a plethora of issues. That said, loading the gallery meant 24 MB of assets, 6 MB with compression still, which does feel kind of heavy. That said, I kind of understand why, seeing as dotnet.wasm was about 12 MB of that (a bit above 2 MB when compressed). So in a sense, we're getting close to being the same size as React, Angular and Vue applications, though still an order of magnitude off, which may not be good enough for some. That said, loading the front page of Reddit (new design) is also about 7 MB of content, so clearly people prioritize the content/looks over download sizes, though the overhead of WASM solutions still cannot be ignored. On the desktop, however? It feels to me like more non-packaged-webapp options are nice, even like JavaFX/OpenJFX since the performance and resource usage of those can still be better than that of a packaged browser. One might also suggest to always try to use the native options, but I'll take what I can get.

SeasonalEnnui 4y ago
Thanks for the link; does anyone notice a lag when selecting pages, particularly 'Menus and Toolbars'? I'm generally pro-C# and reducing developer effort however it rubs me the wrong way when simple UIs have lag.
- thegeomaster 4y ago
  It freezes up my 5 year old Android phone completely and does not load at all...
  - olvy0 4y ago
    Works fine on Opera mobile on my old android phone, after about a 3 minutes load.
    - thegeomaster 4y ago
      If it took 3 minutes to load, it's a stretch to say it works fine ;)
- jlaban-uno 4y ago
  Uno Platform CTO here - About the Xaml Controls Gallery on Wasm, the issue is on our side and we'll update our websites. This specific demo webapp has not been updated in a very long while, and a very recent one to try Uno out is https://gallery.platform.uno https://gallery.platform.uno for a more accurate representation of the perf/size/features characteristics. About the payload size of the app, this is still very much a work in progress on all fronts, whether it being missing WebAssembly features, size optimizations on the dotnet front, or linking/trimming (IL and native) opportunities on Uno's generated code side. On the performance side, threading is coming, AOT (IL to Wasm) is improving significantly in .NET 7 and more coming in .NET 8 to reduce the size of the payload by using newer WebAssembly features (albeit at the expense of older browsers). As for the menus and toolbars, you can take a look at some our our live samples here: https://playground.platform.uno/#menubar https://playground.platform.uno/#menubar We know that Wasm-only apps will still be at a disadvantage for while when compared to JS frameworks simply because browsers are offering a lot out of the box (standard JS library, GC, Runtime, HTML layouting/rendering, more advanced JIT, etc...) but that gap may eventually narrow down as Wasm evolves, making the porting and development of webapp using many established language ecosystems an attractive choice.
- barbarbar 4y ago
  After long time i could view the page. But clicking any item in the menu did not work. Brave on android.
captainmuon 4y ago
One would think the visuals of WinUI would lend itself to a lean implementaion in HTML. I think the problem with XAML is, that it is not really declarative. Declarative would be: "I want a list/detail view, and the detail view has the following actions." and then you apply a theme for look&feel. Rather, you quite explicitly place rectangles, borders, and so on, in a scene. In UNO, a button doesn't translate to a HTML button, but to four nested <div>s and a <p>.

chrismsimpson 4y ago

How/why is this different to MAUI?

bmitc 4y ago
.NET MAUI is an evolution of Xamarin.Forms developed by Microsoft. The Uno Platform and also Avalonia are third-party solutions. All three use slightly different flavors of XAML, to my knowledge.
- robertwt7 4y ago
  MAUI looks promising. I just hope that microsoft address the crazy anount of bugs that xamarin had. To this day I’m still not sure if they’re lack of resource or prioritisation for xamarin.
  - memsom 4y ago
    Interested to hear what bugs you found.... I have a pretty non trivial commercial app in Xamarin Forms (currently just Android) and we really never found any showstoppers. (Talks to other devices via usb/ble, talks to the cloud and does realtime display state and live mapping etc.)
    - robertwt7 4y ago
      Have a look at this: https://github.com/dotnet/maui/issues/109 https://github.com/dotnet/maui/issues/109 if you have been following bugs in xamarin you would have known. It's good that you haven't encounter any that's blocking, but for those who did it's very frustrating it seems like it's catching up to MAUI as well, look at the number of issues that's growing for the past 4 months...
tornadofart 4y ago
Uno can build for Linux desktop, while .NET MAUI currently does not support Linux
marczellm 4y ago

ghuntley 4y ago

See also https://calculator.platform.uno/ https://calculator.platform.uno/ and https://visualstudiomagazine.com/articles/2020/10/20/linux-calculator.aspx?m=1 https://visualstudiomagazine.com/articles/2020/10/20/linux-c...

mmastrac 4y ago
If this is the experience, no thanks. I stared at a blank screen for about 5 seconds on Firefox mobile before the calculator appeared. Almost gave up.
- pionar 4y ago
  Note that these are only demos in WASM, one of the targets for UNO. It's mostly a native UI toolkit.
- jlaban-uno 4y ago
  Uno CTO here - We're always chasing performance issues in WebAssembly and I'm curious, are you still seeing the 5 second delay when the app has been loaded once and refreshing? We know that mobile browsers are not particularly efficient with Wasm on mobile devices (particularly iOS), but you may be in a different scenario and/or device.
  - mmastrac 4y ago
    I'm on a Fairphone 4 using Firefox Mobile. Probably not the most common use case, but it looked like things were failing and I nearly gave up. I'd recommend keeping a few not-cutting-edge CPU devices around and run them with both Chrome and Firefox.
    - jlaban-uno 4y ago
      Thanks for the details! We do have lower-end devices to try with, and it's definitely not the best experience. We're currently pinning on the JIT, but troubleshooting is still difficult... much to do in that area. The native app version of the app generally fares better, even we still have some improvements to make here (the new Android 13 JNI improvements are likely to help us a lot).

invalidname 4y ago

Uno seems great. What surprised me is that it seems more successful than Codename One which has been around longer and works with Java/Kotlin. If Java is more popular than C# (which pretty much every survey confirms), how come Codename One didn't pick up more traction. What did Codename One do wrong?

actionfromafar 4y ago
Can be any number of reasons, maybe Java shops do other things, like backend and biz logic.
tommyage 4y ago
C# can be natively compiled, doesn't it?
- invalidname 4y ago
  Codename One lets you do that with Java. Even more so since native on Android is Java...
  - michaelmior 4y ago
    I'm not sure I would say Java is native on Android. Sure, most Android apps run on the JVM, but it's not strictly necessary. Google has even released a Native Development Kit that lets you write code in C/C++. https://developer.android.com/ndk/ https://developer.android.com/ndk/
    - invalidname 4y ago
      This works through JNI. It will work fine as long as you don't use Java/Kotlin stuff. Then you will need to traverse back into the running VM. That has a serious overhead of going in/out of the VM. Since the Android UI is built in Java C code that tries to work with it is slower. Notice that this isn't true for games which interact with the hardware directly in C. Only for high level UI stuff.

alexklarjr 4y ago

with C# and XAML not again…

hourago 4y ago

> all platforms Meaning Windows, Web/WebAssembly, iOS, macOS, Android, and Linux. So, no consoles. But it looks good for many back-office applications.

deleted 4y ago
[deleted]

deleted 4y ago

[deleted]

imachine1980_ 4y ago

What is the advantage of uno over flutter?

nbevans 4y ago
Mainstream ecosystem and language.
- Apocryphon 4y ago
  What ecosystem does it have access to?
  - nbevans 4y ago
    .NET
rickstanley 4y ago
I don't know the advantages, but a big disadvantage for me is the lack of Linux support, whereas Flutter has a steady growth in this field. Well, the last time I checked at least, this was my perspective. Or maybe I'm confusing with MAUI
- TotempaaltJ 4y ago
  First line of the linked repo's README: > The Uno Platform is a UI Platform for building single-codebase applications for Windows, Web/WebAssembly, iOS, macOS, Android, and Linux.
- pionar 4y ago
  You are confusing it with MAUI.

shireboy 4y ago

I’m a Net developer since 1.0 (and before that), but Silverlight really burned me on XAML. I want to like it, but inevitably end up thinking JS/HTML are better in most cases. For all its faults, JS is something more developers can understand. My typical stack is c# backend, JS/html (ie vue, angular, alpine,etc) front end, and ionic framework for cross plat mobile. MS is pushing MAUI pretty hard, which is also XAML based. Would love to hear some counter opinions as to why XAML > JS+HTML.

pharmakom 4y ago
XAML sucks. However, these platforms can be used without XAML. See what the F# community is up to with Fabulous, for example
atchoo 4y ago
You can use CSharpForMarkup with WPF, WinUI 3, Uno Platform. with AvaloniaUI and Maui coming and possibly Blazor. https://github.com/VincentH-Net/CSharpForMarkup https://github.com/VincentH-Net/CSharpForMarkup
jongalloway2 4y ago
There is the Blazor Hybrid option with .NET MAUI. You write your UI using Razor (HTML + C#) and can use native controls and features when needed. As a .NET dev who prefers HTML to XAML, this feels more natural to me for a lot of apps. https://docs.microsoft.com/aspnet/core/blazor/hybrid/tutorials/maui https://docs.microsoft.com/aspnet/core/blazor/hybrid/tutoria...
pjmlp 4y ago
I have been doing GUIs since the Windows 3.x days, and Web since around 1996. With XAML I can make the page actually look how I want, master styles control templates and so one on, with Web I have given up on that, better leave the designers turn a div soup into a combo box with the right behaviours, assuming enough CSS magic is added to the potion. Then rince and repeat for every browser on the support matrix.

silasdb 4y ago

Is it somehow comparable to Haxe? (https://haxe.org/ https://haxe.org/)

rickstanley 4y ago
I think that, if you put heaps (https://heaps.io https://heaps.io) on top of Haxe (which already is) it is somewhat comparable

StevePerkins 4y ago

Every 6 months or so, I take a quick tour through all of the various cross-platform UI frameworks out there. Most of which, with the notable exception of Flutter, are C# and .NET Core based. I'm just wondering... does anyone actually have success using any of these frameworks from a context other than Visual Studio on Microsoft Windows? I'm on a Mac, install .NET through Homebrew, and use Rider when I dabble with C# stuff, and I've just never had a smooth experience getting ANY of these things to work. Even for "Hello World" test apps. MAUI, Avalonia, Uno, I'm probably forgetting another one. None of them actually work on my machine. I always get the feeling that someone, somewhere, at one point got "Hello World" working on a Mac... wrote up a doc saying that it's supported... and then the doc immediately fell out of date. I feel like the only Mac user on earth touching any of these things every time I experiment with them.

jayd16 4y ago
It would be useful to hear what doesn't work. The same thing? Different things?
- StevePerkins 4y ago
  To be fair, I went to the website and gave it a fresh try again: https://platform.uno/docs/articles/get-started-rider.html?tabs=macos#prerequisites https://platform.uno/docs/articles/get-started-rider.html?ta... I was able to get through the .NET install, and "uno-check" process without much issue. However, the screenshots on this page show a Solution file with a "MyApp.macOS" project inside. I generated the "MyApp" skeleton project using the verbatim bootstrap command "dotnet new unoapp -o MyApp"... but the generated solution does not include a "MyApp.macOS" project inside. After a lot of experimenting, I discovered that the WASM-based implementation actually does run. Even though it requires me to enter my root password every time it starts the development HTTP server (WTF?). I mean... a fresh install, following the published instructions step-by-step verbatim, should produce a "Hello World" skeleton project that matches the doc. Just saying.
password4321 4y ago
I'm not aware of any 3rd party that can afford to both offer an open core product and keep up with Microsoft, a company infamous for "fire and motion" - attracting developers to the next new thing.

formsrefugee 4y ago

MAUI is Microsoft's attempt to fix the mess that is Xamarin Forms. The "evolution of Xamarin Forms" means it was rebranded to disassociate itself with the historical baggage. However, it is bug driven development at its worst. Use Flutter if you want something cross-platform that actually works.

deleted 4y ago

[deleted]