Know your options

If you like Vue.js, you will feel right at home with Vue Native

Gabriela Motroc
© Shutterstock / Andy Dean Photography

If you want to build native mobile apps using JavaScript and Vue.js, you might want to give Vue Native a try. Created by GeekyAnts, Vue Native is meant to make things easier for you; it is designed to connect React Native and Vue.js.

Vue.js is undoubtedly the rising star of JavaScript. According to the results of last year’s State of JavaScript survey, the popularity of Vue.js continues to rise.

In 2017, it managed to outshine Angular 2 (not Angular 1 though!) and, according to this chart, 12.000 respondents were willing to give it a try so this year it might actually be the runner-up or, who knows, even become No.1.

The State of JavaScript 2017: Results

If we look at the results of our annual Technology Trends survey, we’ll see that this open-source JavaScript framework occupies the fifth position. The top 5 list includes the following:

  1. React
  2. Angular
  3. Node.js
  4. Spring MVC
  5. Vue.js

We’d like to know if Vue.js can overtake Angular in 2018 so we talked with Laurie Voss, co-founder and COO of npm about the factors that fueled this framework’s unexpected popularity and if the upward trend will continue.

From my perspective, there are two factors driving Vue’s growth.

 First, lots of developers still want a “soup to nuts” framework, i.e. one that does everything from routing to templating to back-end data fetching. Vue does this, which tends to make it easier for a first-time developer to pick up since they just make one choice: use Vue, and all the other choices are made for them.

React, on the other hand, requires making lots of additional choices about routing and data management libraries, which makes it more intimidating and slower to get started with. So Angular, Ember and Vue all have this “all-inclusive” advantage over React.

Second, if you’ve decided you want an all-inclusive framework, Vue performs better in benchmarks and is relatively easier to learn. Although these things are subjective, devs often report that it feels “cleaner” or “simpler” than older frameworks like Angular and Ember.

Read the entire interview here

Meet Vue Native

If you want to build native mobile apps using JavaScript and Vue.js, you might want to give Vue Native a try. Created by GeekyAnts, Vue Native is meant to make things easier for you; it is designed to connect React Native and Vue.js.

According to the blog post explaining how Vue Native was born, they came across SmallComfort’s react-vue, which transpiles Vue files to React & React Native Components. Vue Native is a fork of the same.

What’s under Vue Native’s hood

React Native is a direct dependency of Vue Native. Once a new app is initialized using vue-native-cli, the entry script is App.vue. You can compose a .vue files with many .vue files, which are actually converted to React Native component files with .js.

If you want to dive deeper into Vue Native, this presentation should help you understand what this framework is all about.

Here is the entire list of highlights.

How to get started with Vue Native

If you want to take Vue Native for a spin, you will have to install React Native on your system. As soon as you’re done, you need to install the Vue Native CLI on your system using npm.

$ npm install -g vue-native-cli

Now all you need to do is initialize a new Vue-Native project directory in your system. Easy peasy, right?

You can now run this Vue Native app on an iOS or Android Simulator using the npm run command.

Don’t forget that Vue Native is open source; you can find it on GitHub

Know your options

If Vue Native does not satisfy your needs, perhaps you want to try NativeScript-Vue, a NativeScript plugin that allows developers to use Vue.js for creating mobile applications.

Version 1.0 was released earlier this year – this launch came with a shiny new website and extensive documentation to make it easier to switch over to NativeScript-Vue.

If you want to dive right in, check out this article.

Gabriela Motroc
Gabriela Motroc was editor of and JAX Magazine. Before working at Software & Support Media Group, she studied International Communication Management at the Hague University of Applied Sciences.

Inline Feedbacks
View all comments
rodrigo costa
rodrigo costa
3 years ago

how come we never hear about Weex?

3 years ago

i love Vue, regardless to its speed. I like the syntax.
But its a total BS that its based on ReactNative. its ridiculous.

3 years ago

Hello Gabriella,
Since the Vue Native is also using React-Native, the performance would be slower than actual React Native, right?