Add Native Mobile to Your Angular Projects: The Migration Story

on YouTube ↗28m

" summary

Concrete migration steps for adding Native mobile to an Angular app: convert a repo with ng add @nativescript/schematics, use a naming convention that adds .tns.html and .tns.css for mobile templates, and run the web with ng serve while building mobile with tns run android --bundle / tns run ios --bundle. Schematics generate paired files and split modules, DI lets the same services use native HTTP clients, and a modified Tour of Heroes becomes a working “Two of Gods” web + native app after migrating components and templates.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 1:13The Goal
3. 2:18Template
4. 3:49NativeScriptHttpClient Module
5. 4:45Shared Project Structure
6. 5:37How to do code splitting?
7. 6:39NativeScript Schematics
8. 14:47Project Migration - web to shared
9. 15:32Project Migration - mobile to shared
10. 16:09Project Migration: Convert Component
11. 26:52Migration commands

" related talks

• 21mAdd Native Mobile to Your Angular Projects: The Migration StorySebastian Witalec · NG Poland 2018
• 24mAdd Native Mobile to Your Angular Projects: The Migration StoryStanimira Vlaeva · NG-DE Conference 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
• 27mSharing Code Between Web and Mobile Native AppsSebastian Witalec · AngularUP 2018
• 49mBuilding mobile apps with Angular2 and NativeScriptSebastian Wilatec · Jazoon TechDays 2016 Zurich
• 42mSupercharging Angular Libraries with "NG Add" and Schematics!Stanimira Vlaeva · AngularNL 2019
• 20mBuilding Mobile Apps with Angular and NativeScriptSebastian Witalec · NG-MY 2019