Angular Hidden Gems: Hybrid Rendering, SSR and Modern Routing
summary
Shows concrete patterns: use default-exported components to shrink route configs and enforce one-component-per-file; set renderMode per route (client, prerender, server) to mix CI prerendering, SSR and SPA without extra servers; bind route/query params directly into component inputs with transforms to get typed signals and numeric pages; use defer on viewport for auth/feature-gated chunks; make redirects a dynamic redirect token returning Promise/Observable for server-side A/B routing and proper status codes.
AI-written summary · about
chapters (15)
- 0:00Angular hidden gems intro
- 1:25Fallback content & type-safe pipes
- 3:12Modern routing minimal
- 4:59Dynamic redirects & feature flags
- 5:45Hybrid rendering in Angular
- 7:10SSR route configuration
- 9:19Pre-rendering dynamic routes
- 10:24Status codes for 404 pages
- 11:28Transforming inputs cleanly
- 13:13Route params to inputs
- 14:38Enforcing types in directives
- 16:04Defer for lazy loading
- 17:49Conditional rendering with defer
- 18:10Smooth router transitions
- 18:50Angular migration updates
related talks
31mHidden gems in Angular: hybrid rendering, new routing features, and beyond
09mThe Only Way to Eat an Elephant
33mAngular Router - Undiscovered Parts
15mA journey to Server Side Rendering with Angular
20mFaster apps with Angular SSR
45mGive Me Back My Frontend!
28mJavaScript SEO (The "Right" Way)
09mCode Splitting With Server Side Rendering