Hidden gems in Angular: hybrid rendering, new routing features, and beyond
summary
Shows how to cut boilerplate and actually ship faster: default-exported components let router imports drop the selector boilerplate, route redirects accept a function that can inject services for AB tests, prerender functions return an array of IDs so builds can pre-render millions of pages, and server routes can emit proper status codes. Demonstrates hybrid rendering (client / SSR / prerender per route), signal helpers like linkedSignal and template type-cast pipes, and defer as a build-time lazy-load that replaces fragile dynamic-import facades. Also points to 13 Angular migrations to apply.
AI-written summary · about
chapters (18)
- 0:00Angular hidden gems intro
- 2:02ng-content fallback
- 3:06Type-safe templates
- 4:51Simplifying Angular routing
- 6:59Hybrid rendering in Angular
- 8:47Routes for hybrid rendering
- 10:10Pre-rendering routes
- 12:58Transforming component inputs
- 14:43CSS variables from inputs
- 15:46Route params to inputs
- 17:12Signals for form state
- 19:39Type-safe SwiperJS directives
- 21:03Big Angular features
- 21:46Defer lazy loading
- 23:55Router page transitions
- 25:39Angular migrations
- 27:04Modern Angular APIs
- 28:53Q&A
related talks
19mAngular Hidden Gems: Hybrid Rendering, SSR and Modern Routing
45mOptimized Angular apps: smaller, faster, better
27mOptimizing Angular Apps - Techniques for Performance Excellence
40mOptimized Angular Apps: Smaller, Faster, Better
33mAngular Router - Undiscovered Parts
28mAccelerating Angular
51mThe Angular Renaissance - Key New Features
15mA journey to Server Side Rendering with Angular