 |
|
| Course Outline |
🔗Outline
|
| Useful Links |
|
| Day | Modules | Sharing |
|---|
| 1 |
- From NgModules to Standalone architecture
- From RxJS-heavy to Signals-first model
- From Zone.js to zoneless Angular
- Angular 21 key features and direction
- Standalone components, directives, and pipes
- bootstrapApplication and app configuration
- Route-based architecture design
- Feature-based folder structure
- signal(), computed(), effect()
- Dependency tracking and reactivity model
- Signal lifecycle and updates
- Signals vs Observables (usage strategy)
- @if, @for, @switch syntax
- @defer for lazy UI loading
- Signal binding in templates
- Rendering performance considerations
|
|
| 2 |
- Local vs shared state
- Service-based signal stores
- Derived state with computed()
- Managing side effects using effect()
- When to use Signals vs Observables?
- Interop: toSignal(), toObservable()
- Handling async data and streams
- Lightweight store using Signals
- Immutable update strategies
- Domain-based state organization
- Data flow design
- Overview of NgRx Signals Store
- Signal selectors and computed state
- Handling async operations
- Migration from traditional NgRx
|
|
| 3 |
- Removing Zone.js
- Manual vs reactive updates
- Performance implications
- Signals vs traditional change detection
- Minimizing re-renders
- Component design for performance
- Memoization using computed()
- @defer strategies
- Route-level lazy loading
- Component-level lazy loading
- Progressive rendering
- Angular DevTools (Signals debugging)
- Identifying bottlenecks
- Optimizing large component trees
|
|
| 4 |
- Angular SSR architecture
- Hydration and pre-rendering
- Signals behavior in SSR
- Avoiding SSR pitfalls
- HTTP integration with Signals
- Interceptors (auth, logging, errors)
- Error handling strategies
- Caching and retry patterns
- Angular Elements with standalone components
- Using Signals in Web Components
- Integration with non-Angular systems
- Feature-based architecture
- Domain boundaries and separation
- Code reuse and shared libraries
- Optional: Nx monorepo strategy
- Optional: Microfrontend concepts
|
|