If you like Vue.js, you will feel right at home with Vue Native
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.
- Spring MVC
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
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
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.