Create an Engaging Native Mobile App with Vue and NativeScript

on YouTube ↗25m

" summary

Shows a working cross-platform workflow that uses Vue + NativeScript to build a downloadable iOS/Android app and a companion web app, with Firebase backend, Vuex state and a speech‑to‑text plugin for student submissions. Demonstrates the NativeScript CLI, Vue CLI and the NativeScript Playground for quick iteration, and shares code via separate SFCs and shared services (Angular can reach ~65–70% reuse; Vue aims for similar). Live demo: the Elocute language app uploading spoken text and comparing transcripts.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and context
2. 2:12Speaker background
3. 3:35Introduction to NativeScript
4. 5:50Why choose Vue.js for mobile
5. 8:09Differences: Web vs Mobile
6. 10:33NativeScript playground
7. 13:01Local development setup
8. 14:09Building 'Ella Cute' app
9. 16:56App architecture analysis
10. 19:14Live app demonstration
11. 21:19Future of code sharing

" related talks

• 43mCreate an Engaging Native Mobile App with Vue and NativeScriptJen Looper · Spotlight Vue.js FITC 2018
• 21mCreate an Engaging Native Mobile App with Vue and NativeScriptJen Looper · Vue.js Amsterdam 2018
• 32mCreate an Engaging Native Mobile App with Vue and NativeScriptJen Looper · VueConf US 2018
• 38mNativeScript with Angular or Vue.jsP. Eijgermans, R. van Apeldoorn · International PHP Conference Spring 2018
• 09mReal Native Vue Apps with NativeScript-VueCamilo Martinez · VueConf US 2024
• 37mReuse your web skills to build native apps with nativescript and angular or vue.jsPeter Eijgermans · Voxxed Days Frontend Bucharest 2019
• 45mReuse your web skills to build native apps with NativeScriptWinfred van Egteren · J-Fall 2018
• 44mCooking with NativeScript-VueTiago Alves · vueday 2020