Sharing Code between Web and Native Apps with Angular and NativeScript.

on YouTube ↗41m

" summary

Claims that one codebase can yield web and native apps using Angular + NativeScript, shows a mono-repo with dual HTML files and a gulp/npm build that recreates a NativeScript project via npm run ios/android build pipeline. Demonstrates a PetBrowse app wired to Firebase, solves API mismatches with a Firebase abstraction converting listeners to Observables and unified user model, and documents practical limits: separate UI modules, platform-specific templates, and occasional demo flakiness that still results in working web and native builds.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 0:30Story
3. 5:00Key differences
4. 6:33Solutions
5. 9:49MonoRepo
6. 11:56Challenges
7. 13:41User Models
8. 18:54Scrolling
9. 20:59Demo
10. 25:28Native App
11. 27:28Patterns
12. 32:28Lazy Load

" related talks

• 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
• 36mSharing Code Between Web and Native AppsSebastian Witalec · Angular Camp 2016
• 52mOne Source to Rule them AllJohn Niedzwiecki II · Developers Summit 2021
• 25mOne Source to Rule them AllJohn Niedzwiecki · OpenJS World 2021
• 49mBuilding mobile apps with Angular2 and NativeScriptSebastian Wilatec · Jazoon TechDays 2016 Zurich
• 31mFrom web to mobile with NativeScript and AngularStanimira Vlaeva · ngAtlanta 2019
• 27mFrom Web to Mobile with NativeScript and AngularStanimira Vlaeva · GDG DevFest Sofia 2019