One Source to Rule them All

on YouTube ↗25m

" summary

Claim: one codebase produces both web and native apps by sharing Angular logic and UI layers using Angular + NativeScript and an NX monorepo with NX + xplat generators. The demo builds a “Hobbit Fitness Pal” web app (nx serve) and Android/iOS native apps (nx run) that share libs, services and a meal-add flow with camera capture; the web uses navigator.mediaDevices, native uses camera.takePicture, and it works end-to-end except iOS emulator falls back to the photo library.

AI-written summary · about

" chapters (15)

1. 0:00Introduction and goals
2. 1:26What is NativeScript
3. 4:15Code sharing fundamentals
4. 6:45Recommended solutions overview
5. 7:48Why xplat is my choice
6. 9:10Setting up xplat
7. 10:11Creating nx workspace
8. 11:58Code sharing structure
9. 12:59Generating shared services
10. 14:23Generating shared components
11. 16:30Building the UI
12. 17:52Running the apps
13. 18:18Live demo walkthrough
14. 20:27Camera integration demo
15. 23:13Conclusion and next steps

" related talks

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