Dynamic & Redirect Routing
🆔 Implement dynamic URL parameters (e.g., `/pages/:pageId`) using a colon (`:`) followed by a unique identifier in the route path.
📥 Access both dynamic and query parameters declaratively in components by defining `required` `input` signals (e.g., `@Input({ required: true }) pageId!: string`), enabled by `withComponentInputBinding` in `provideRouter`.
↩️ Configure route redirects from one path to another using `redirect to` (e.g., `path: '', redirectTo: '/dashboard', pathMatch: 'full'`) for simple cases, or a function for complex logic.
🛑 Handle not-found pages by defining a wildcard route (`path: '**'`) as the *last* route in your configuration, directing to a specific `NotFoundComponent`.

Structuring & Navigating Routes
🌳 Create nested routes by adding a `children` array to a parent route definition, requiring a `` within the parent component's template for child content.
💡 Highlight active navigation links by adding `routerLinkActive="active"` and ensure `routerLinkActiveOptions: { exact: true }` for parent routes to prevent partial matches with child routes.
➡️ Perform programmatic navigation from component logic using `router.navigateByUrl('/products')` for full URL paths or `router.navigate(['/products', 'item', itemId])` for array-based path construction.

Optimizing & Protecting Routes
⚡ Implement lazy loading for routes using `loadComponent` instead of `component`, which loads route-specific code only when accessed, significantly reducing initial bundle size.
🔒 Secure routes with Guards (e.g., `canActivate`), which are functions that check access permissions before a user can navigate to a route, redirecting or denying if conditions aren't met.

Pre-fetching Route Data
⚙️ Utilize Resolvers to pre-fetch necessary data (e.g., API calls) before a component is rendered, making that data available to the component via signal inputs.

Key Points & Insights
🚨 Always import necessary routing modules (e.g., `RouterOutlet`, `RouterLink`, `RouterLinkActive`) into the component or module where they are being used.
🚀 Leverage Angular Signals for declarative parameter access to simplify retrieving dynamic, query, and resolved data within your components, a modern and efficient approach.
⏱️ Consider lazy loading for all non-critical routes to optimize application performance and user experience by reducing initial load times and improving responsiveness.