Getting Started with Fuse

In this tutorial we'll be creating a Hacker News Reader app with Fuse, a tool for developing cross-platform apps that runs on both Android and iOS devices.

In a nutshell, Fuse is a tool for building cross-platform apps using JavaScript. If you're familiar with React Native and NativeScript, the idea behind Fuse is pretty similar. It uses a JavaScript VM to run JavaScript, UI components are converted to native UI, and it allows access to the different platform APIs. The motivation behind it is to create a tool that's both developer- and designer-friendly. And from what I've seen so far, I can say that they're really on the right track. Some of the highlights of Fuse includes native UI performance, powerful and expressive animation, and instant live-reloading across multiple devices.

Once you've installed the Android SDK or XCode, download the Fuse installer from the downloads page. Just enter your email address, accept the license agreement and click on the "Let's Fuse" button. Once you've done that, it should show you the buttons for downloading the installer for each development platform. Download the one applicable to you. But for this tutorial we'll be using the Windows version.

You can create a new project by launching the Fuse dashboard and click on the "New Project" button. This will ask for the project name and the path to where to save the project.

Once the project is created, it should get listed under "Recent Projects" in the dashboard. Click on that and click on "Open in Sublime Text 3". Fuse has some nice integrations with Sublime Text so it's the text editor that I recommend when working with Fuse projects. But in order for these integrations to work, you first have to install the Fuse plugin using package control. Once installed, it should add features like code completion and showing the build result so you know exactly what's wrong with your code. If you're new to Sublime Text, you can download it here. Package control install instructions can be found here. Once that's done, you can install the Fuse package by pressing ctrl + shift + P on your keyboard and selecting Package Control: Install Package. From there you can search for "Fuse" and select the first result that shows up.

Continue reading %Getting Started with Fuse%

by Wern Ancheta via SitePoint