Create Cross Platform Native Applications with Fuse

Create Cross Platform Native Applications with Fuse

I'm always on the lookout for a new way to make fun mobile applications, and one of the things I've always been trying to achieve is interesting UI/UX. I looked around and found Fuse, this intrigued me as it uses it's own Reactive XML based mark-up language named UX. This allows us to create native (not ran in a WebView) mobile applications that use easy to write declarative UI.

To show how easy it is, let's take a look at making a rectangle:

    <Rectangle Color="Blue" />

We can then do a variety of things with this such as animating it when pressed:

    <Rectangle Color="Blue">
        <Scale Factor="3" Duration="1" Easing="BackOut" />

As you can see from the above example, both designers and programmers have the same declarative UX that allows for better communication and project onboarding. All of us know that when we press this rectangle, it's going to scale by a factor of three over one second. The functionality isn't hidden behind a class or any other abstraction, it's right here in the mark up.

This extends to everything, take the navigator for example:

<Router ux:Name="router" />
<Navigator DefaultTemplate="pageOne">
    <Page ux:Template="pageOne">
        <Rectangle Color="Blue" />
    <Page ux:Template="pageTwo">
        <Rectangle Color="Red" />

We can see directly in the markup that our default page is pageOne, and to navigate to a different page, all we need to do is use our router and some JavaScript:

    module.exports = {
        pageOne: function() { router.goto("pageOne"); },
        pageTwo: function() { router.goto("pageTwo"); }

When it comes to making mobile applications in the modern day, you're almost spoilt for choice when it comes to selecting the perfect framework. Fuse deserves a spot as one of the best mobile development framework/toolset(s) on the market. Want to learn more about Fuse? Get my Fuse course with 20% off whilst this offer lasts!