Add Native Mobile to Your Angular Projects: The Migration Story

on YouTube ↗24m

" summary

Shows how to add NativeScript to an existing Angular web app and convert it to a code-sharing project using the NativeScript schematics and CLI. Demonstrates dotTNS file resolution for platform-specific templates, runs the generated mobile app with NS preview, and uses the ng migrate component schematic to auto-generate TNS templates while keeping services and routing shared. Notes that DOM‑dependent libraries must be rewritten as native UI XML, migrates a small app, and the Android demo works.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 1:05Architecture overview
3. 3:23Angular integration
4. 5:20Interactive trivia game
5. 8:37Project structure
6. 11:29Code sharing strategies
7. 13:05Code sharing quiz
8. 15:14Migration process
9. 18:14UI conversion example
10. 21:15Conclusion and resources

" related talks

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