Arnav Gupta Co Founder, Coding Blocks ● Author of vuex-persist – 2nd most popular Vuex plugin ● Coding Blocks has built ide.codingblocks.com – an online IDE in Vue ● Currently developing HasGeek’s new mobile app in Nativescript-Vue!!!
A quick tour of Nativescript “ An open source framework for building truly native mobile apps with JavaScript. Use web skills, like TypeScript, Angular and CSS, and get native UI and performance on iOS and Android ”
. . . unlike ● Cordova – not a webview ● PhoneGap – not a webview ● Ionic – not a just web framework ● React Native – WORA, not LOWA (100% code sharing) ● Xamarin – no cross-compile or bindings ● Flutter – uses OEM widgets, not render graphics itself
What’s the difference ? vue-cli-template ● Nativescript in Vue ● Tooling = vue-cli ● Your own webpack.config ● .vue files, just the way you like ● Vue-loader awesomeness (use any styling/scripting/template language) ● Double build step. Hot warm reload nativescript-vue-template ● Vue in Nativescript ● Tooling = tns cli ● Nativescript build + bundle JS/TS itself ● .js files, add tempalate = `` in export ● Only Sass/JS/TS/HTML support ● Single build step. Blazing fast hot reload
Gotchas ● Don’t stroll into Nativescript with your DOM mentality ● DOM DOM buggy buggy DOM DOM ● We use Axios http ● DON’T move fast and break things. (3 layer dependencies) ● We actually have threads !!! ● Read NS/Angular docs and translate into Vue (shit!)