Cross Platform with Angular and Ionic 4
summary
Ionic 4 replaces its custom router and build tooling with the Angular router and Angular CLI, wrapping a custom ion-router-outlet to add native-style animations while keeping Angular routing APIs; tabs get independent histories via a stack navigation layer. The toolkit embraces CSS variables for theming and dark mode, supports server rendering with Angular Universal (add IonicServerModule), integrates Angular CDK virtual scrolling for lists of ~10,000 items, and ships Capacitor 1.0 with an ng add @capacitor/angular schematic for native APIs.
AI-written summary · about
chapters (23)
- 0:00Intro
- 0:53History Lessons
- 1:07Angularjs
- 1:52Migration Day
- 2:25Ionic Focus
- 3:37Angular Improvements
- 9:25Angular 4 Router
- 12:22Stack Navigation
- 13:07History Lesson 2
- 14:24Build Tools
- 15:00Ionic App Scripts
- 16:32Angular CLI
- 16:52Angular Basil
- 17:27Schematics
- 18:12CSS variables
- 19:10Dark mode
- 19:46Serverside renderer
- 20:25Virtual scroller
- 21:14Desktop
- 21:47Write once run anywhere
- 22:30Capacitor
- 24:04abstracted API
- 25:39Conclusion
related talks
30mCross Platform with Angular and Ionic 4
18mCross Platform with Angular and Ionic 4
20mIonic and Angular Superpowers for Mobile App Development
01h 13mIonic, ngrx and Angular: building web and mobile apps with one code base
35mGoing Hybrid Mobile with Ionic and AngularJS
40mWhat’s new in Angular
29mCrossing Across Platforms
31mAngular + CMS = ❤️