VueConf US 2018


1. State of Vue

Evan You

2. How We Do Vue At GitLab

Jacob Schatz

3. Vue in Motion

Rachel Nabors

4. Testing Vue apps

Edd Yerburgh

5. Serverless Functions and Vue.js

Sarah Drasner

6. vue-rx

John Lindquist

7. Create an Engaging Native Mobile App with Vue and NativeScript

Jen Looper

8. 7 secret patterns Vue consultants don't want you to know

Chris Fritz

9. Agile Design Systems in Vue

Miriam Suzanne

10. Vue & TypeScript: Up and Running

Daniel Rosenwasser

11. A React Point of Vue

Divya Sasidharan

12. Vue & SSR: The best practices

Sebastien Chopin

13. A Short Synopsis of Vue Storybook

Peter Finn

14. Prototyping with Vue Single File Component

Pine Wu

15. 5 Libraries You Should Know About

Adam Jahr

16. Update an Existing Application to Vue

Michael Bennett

17. Vue and Vuex for Complex Application State

Patrick Seda

18. Top 5 Must-Have UI Animation Patterns

Rachel Nabors

19. The Dream: A Full Rewrite

Seth White

20. Start Your Own Vue.js Meetup

Ben Hong

21. Reusability - Is It Worth It?

Shelton Clinard

22. Reactivity - Learning by Accident

Jeff Schenck

23. Quick Publishing of Redistributable SFC on NPM

Mike Dodge

24. OverVue of Vuetify.js


25. Ionic and Vue

Mike Hartington

26. Dynamic Store Modules with Vuex

Adam Bradford

27. Build a MiniFlix Clone with Vue Contest

Dan Zeitman

28. Beyond HTML with Vue

Eduardo San Martin Morote

29. Vue with AWS Lambda

Matt Biilmann

30. 40 Hour Plan For UX Proficiency

Jacob Covey

31. Code Splitting Patterns with Vue

Sean Thomas Larkin
Notify me when new talks are available.

Create an Engaging Native Mobile App with Vue and NativeScript

Create an Engaging Native Mobile App with Vue and NativeScript

Jen Looper

Jen Looper is a senior developer advocate at Progress, the creators of NativeScript. She started her talk by speaking on Vue Vixens, a concept similar to ng-girls / django-girls / rails bridge. Vue Vixens aims to provide free day long conferences to teach web and mobile skills to new developers or devs switching technologies. They are looking for invitations to conferences to give these workshops as well as volunteers and mentors.

The resolution of her slides can be hard to read at parts, but you can look through them here.

She introduced NativeScript, a framework for building native cross-platform mobile apps. If you know JavaScript you know NativeScript, and you can build native mobile apps.

It was the Vue 2.0 adoption of the virtual DOM that enabled native mobile rendering. However, are three big differences when you’re building a NativeScript Vue application vs mobile:

  • Use of nativescript-vue
  • The way you bootstrap the app.
  • Templates - The template is using XML to render an app layout. See below:

The NativeScript playground makes it super easy to start prototyping your app and show changes immediately on your phone.

The Vue CLI also makes it easy to create a NativeScript project using the NativeScript-Vue template. Jen shows how easy it is to create a new app and load it directly onto your iPhone. She created her own web and mobile app called Elocute, which helps people learn foreign languages and practice them.

Elocute uses:

  • Vue CLI
  • Vuetify
  • Firebase UI for Authentication
  • Vuex for the state management
  • Firebase backend

Looking into the future of Vue + NativeScript there is the potential for more code sharing, enabling the build for iOS, Android, and web all in one repo. One way this is enabled is by allowing for different templates in a single file component:

To learn more about building your own native apps using Vue and NativeScript check out