Keynote: Accelerating developer experience in Angular

on YouTube ↗29m

" summary

Announcements list concrete changes and outcomes for Angular 15–16: Standalone components and a migration generator land in v15.2 and make NgModules optional, a new project flag creates a module‑free starter in v16, and the directive composition API lets one component automatically apply multiple directives. Debugging gains Chrome DevTools source‑map support to hide framework frames, router work shaves 11% router bundle reduction when features are unused, ESBuild experiments produce 57% faster cold builds (7s → 3.67s), and the ngSrc image directive plus warnings target LCP improvements.

AI-written summary · about

" chapters (10)

1. 0:00Opening
2. 1:49Angular’s developer experience
3. 4:01Standalone components
4. 8:58Standalone migration tooling
5. 10:23Directive composition API
6. 15:19Required inputs and router
7. 18:53Faster builds with ESBuild
8. 21:26Debugging with Chrome DevTools
9. 24:36Core Web Vitals by default
10. 27:46Future roadmap

" related talks

• 46mKeynote SessionMinko Gechev, Alex Rickabaugh, Emma Twersky · NG Poland 2022
• 44mWhat's new in AngularSimona Cotin · angularday 2022
• 41mState of AngularSimona Cotin · Voxxed Days Ticino 2023
• 55mAngular Team KeynoteSarah Drasner, Minko Gechev, Madleina Scheidegger · ng-conf 2022
• 29mWhat's New in Angular v15Minko Gechev · JetBrains JavaScript Day 2022
• 31mHow do new Angular features improve developer experience?Simona Cotin · NG-DE Conference 2022
• 23mAccelerating developer experience in Angular -JSWORLD 2023Simona Cotin · JSworld Conference 2023
• 41mKeynote addressJohn Doe · Angular Connect 2018