From Web to Mobile with NativeScript and Angular

on YouTube ↗27m

" summary

Shows how to convert an Angular web app into a code-sharing NativeScript mobile app using concrete tools and steps: use ng add @nativescript/schematics to scaffold, rely on the .tns.html/.tns.ts file resolution naming convention to pick platform files, run tns preview QR workflow to test on device, and run ng g migrate component to generate native UI files. Services, Rx stores and routing configs are shareable; HTML-based UI and Angular Material are not — UI must be rewritten with NativeScript components and plugins.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 0:41What is NativeScript
3. 5:05What is a web and mobile project
4. 8:07NativeScript schematics
5. 8:42What can we share
6. 15:35How can we get started
7. 17:00What happens when we see the app
8. 22:35Questions

" related talks

• 24mAdd Native Mobile to Your Angular Projects: The Migration StoryStanimira Vlaeva · NG-DE Conference 2019
• 28mAdd Native Mobile to Your Angular Projects: The Migration StorySebastian Witalec · ngVikings 2019
• 31mFrom web to mobile with NativeScript and AngularStanimira Vlaeva · ngAtlanta 2019
• 21mAdd Native Mobile to Your Angular Projects: The Migration StorySebastian Witalec · NG Poland 2018
• 27mSharing Code Between Web and Mobile Native AppsSebastian Witalec · AngularUP 2018
• 49mBuilding mobile apps with Angular2 and NativeScriptSebastian Wilatec · Jazoon TechDays 2016 Zurich
• 01h 09mSharing Code between Mobile Apps with Angular and NativeScriptSebastian Witalec · International JavaScript Conference Munich 2017
• 20mBuilding Mobile Apps with Angular and NativeScriptSebastian Witalec · NG-MY 2019