Sharing Code between Mobile Apps with Angular and NativeScript

on YouTube ↗01h 09m

" summary

Angular + NativeScript + Electron is presented as a workable code‑sharing stack: TypeScript services, pipes and business logic are fully reusable while UI markup and styles stay platform‑specific. Two practical setups appear — multiple projects (fast, duplicates code) and a mono repo (scales, needs a custom build step). Tools and fixes shown include Angular CLI, NativeScript CLI/TNS, an angular‑native seed, a Gulp/gob build that reconstructs native projects, resolving angularfire2 differences via a unified model and a prepareObjectObservable wrapper. A Firebase pet app demo builds and live‑reloads on web and iOS.

AI-written summary · about

" chapters (19)

1. 0:00Intro
2. 7:03Multiple Projects
3. 11:04Advanced Angular Seat
4. 14:00Challenges
5. 16:30User Models
6. 20:17Navigation Extensions
7. 23:09Different Modules
8. 25:09NativeScript CLI Extension
9. 27:29Demo
10. 33:24Native Plugins
11. 37:19Project Structure
12. 39:59Search Page
13. 40:39Login Page
14. 41:14Login Component
15. 45:59Implement HTML
16. 48:29Implement Navigation
17. 52:04List View
18. 53:29Goals
19. 56:19Questions

" related talks

• 27mSharing Code Between Web and Mobile Native AppsSebastian Witalec · AngularUP 2018
• 41mSharing Code between Web and Native Apps with Angular and NativeScript.Sebastian Witalec · Ng-Poland 2017
• 36mSharing Code Between Web and Native AppsSebastian Witalec · Angular Camp 2016
• 22mNativeScript and CodeSharingNathan Walker · ngAtlanta Conf 2018
• 49mBuilding mobile apps with Angular2 and NativeScriptSebastian Wilatec · Jazoon TechDays 2016 Zurich
• 52mOne Source to Rule them AllJohn Niedzwiecki II · Developers Summit 2021
• 20mBuilding Mobile Apps with Angular and NativeScriptSebastian Witalec · NG-MY 2019
• 27mFrom Web to Mobile with NativeScript and AngularStanimira Vlaeva · GDG DevFest Sofia 2019