Native Mobile with NativeScript-Vue

This presentation describes how to use Vue with NativeScript and difference between NativeScript and ReactNative.

Transcript

1. Native Mobile with Nativescript - Vue
2. Native mobile & JavaScript NativeScript + Vue.js Agenda
3. Vlad Smirnov Director of Engineering at Right Balance Russia
4. • Fully Native • WebView • React Native, NativeScript
5. PROS JavaScript on Mobile •One language for both platforms •One codebase for both platforms •Native components
6. CONS JavaScript on Mobile •JavaScript code runs in a Javascript VM •No full device resources control •No regular DOM
7. React Native vs NativeScript
8. • Only React infrastructure React Native • Platform specific projects in git •Native Components
9. •Possibility of using different frameworks NativeScript •Just mobile config files in git •Native Components
10. NativeScript What is it for?
11. NativeScript + Vue •Vue on mobile made possible •Vue is really lightweight •Code sharing between web and mobile
12. How it works? NativeScript Vue NativeScript Vue <web> {NativeScript}
13. How it works? <web> {NativeScript} bootstrapping the app
14. How it works? templates <web> {NativeScript}
15. 2 1 Store in NativeScript Vue VUEX nativescript-secure-storage
16. Vue.js with NativeScript •Familiar Syntax •Reuse store logic •The same component lifecycle as on Web •Template components differ
18. Thanks Our Site: https://www.rightbalance.io/ My LinkedIn: https://www.linkedin.com/in/volodimirian/ Facebook: https://www.facebook.com/volodimirian