Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

A New Vue for NativeScript - Webinar Edition

DZone's Guide to

A New Vue for NativeScript - Webinar Edition

Get info about the upcoming NativeScript webinar that can help you transfer your Vue.js development knowledge to developing cross-platform mobile apps.

· Mobile Zone ·
Free Resource

Almost exactly one year ago, Igor Randjelovic made a now-famous tweet regarding the potential of Vue.js and NativeScript:

Image title

Fast forward to today. The NativeScript-Vue integration has turned 1.0 and we are here to celebrate this new relationship with its own webinar

Why Vue.js?

Favored by developers who aren't so crazy about the Angular or React approaches to JavaScript development, Vue.js has proven itself as THE alternative to the two mainstays. Why? Likely for one of a few reasons:

  • Vue feels familiar to those used to working with AngularJS;
  • Vue doesn't require a switch to TypeScript;
  • Vue is (arguably) easier to get started with than Angular or React.

"I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight without all the extra concepts involved?" - Vue.js creator, Evan You.

Vue is a progressive JavaScript framework and can be adopted incrementally, over time. You don't have to sell out your entire app to Vue, but rather use the bits and pieces that make you a more productive developer. It's a great first-framework for developers moving forward from the jQuery age.

In the case of NativeScript, it's ridiculously easy to translate your web-based Vue knowledge to native mobile:

const Vue = require("nativescript-vue");

new Vue({
  methods: {
    onButtonTap() {
      console.log("Button was pressed");
    },
  },

  template: `
    <Page class="page">
      <ActionBar title="Home" class="action-bar" />
      <StackLayout>
        <Image src="https://play.nativescript.org/dist/assets/img/NativeScript_logo.png" />
        <Button text="Button" @tap="onButtonTap" />
       </StackLayout>
    </Page>
  `,

}).$start();

Yep, the code above powers a truly native mobile app running on both iOS and Android. Looks awfully similar to your Vue-based web app, no? 

Read more about getting started with NativeScript-Vue.

Webinar Details

Haven't registered for the webinar yet? Now's the time! Join us on Thursday, April 5th at 10AM ET as we dive into:

  • How you can get started quickly with NativeScript-Vue;
  • The value of using Vue.js with NativeScript;
  • What you can expect in upcoming NativeScript-Vue releases;
  • How you can share a single code base between web and mobile with Vue.js and NativeScript!

Even better, the NativeScript Developer Relations team will be joined by Igor Randjelovic, and we will feature an interview with Vue.js creator, Evan You!

Register for the free online webinar today. You don't want to be stuck with bad seats for this one! 

Topics:
nativescript ,mobile ,mobile app development ,vue.js ,webinar

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}