#Angular
28 posts
Angular Advanced #1 Change Detection — Default, OnPush, Zoneless
A walk-through of Change Detection — the heart of Angular performance — from start to finish. We cover the Default and OnPush strategies, the role of NgZone and zone.js, and Zoneless Angular, which arrived on the back of Signals.
Angular Intermediate #7: Testing — TestBed and Component Tests
Verifying Services and components with Angular's standard test environment, TestBed, plus mock injection, the HttpTestingController pattern, and ComponentHarness.
Angular Intermediate #6: Guards and Resolvers
Angular's Guards and Resolvers — tools that intercept the flow before a route is entered. Function-based canActivate, canMatch, canDeactivate, plus Resolvers that pre-fetch data.
Angular Intermediate #5: Standalone and Lazy Loading
Revisiting the dependency model of standalone components, then splitting routes lazily with loadComponent and loadChildren, plus build analysis and Preloading — all in one go.
Angular Intermediate #4: Component Lifecycle Hooks
How an Angular component is born and torn down, and the lifecycle hooks where you can step in. ngOnInit, ngOnChanges, DestroyRef, and effect() in the Signals era.
Angular Intermediate #3: RxJS Basics — Observable and Operators
The core concepts of RxJS, Angular's standard async toolkit. The shape of Observable, the operators you'll reach for most often, Subject and BehaviorSubject, and how it all relates to signals.
Angular Intermediate #2: Template-driven Forms and a Comparison
Angular's other form approach — Template-driven Forms — and how it compares to the Reactive Forms we just covered. Which one to pick when, and why.
Angular Intermediate #1: Reactive Forms and Form Validation
Wrapping up Reactive Forms — the standard for production Angular forms. FormGroup, FormControl, Validators, plus custom Validators, FormArray, and async validation, all in one go.
Angular Basics #7: Calling APIs with HttpClient
Learn to talk to a backend API using HttpClient — Angular's standard communication tool — and round it out with modern patterns using Observable and toSignal.
Angular Basics #6: Router Basics
How to lay out the skeleton of a multi-page SPA with Angular Router. From provideRouter setup to routerLink, dynamic parameters, child routes, and lazy loading — all in one place.
Angular Basics #5: Service and Dependency Injection
Service and dependency injection (DI) — the tools that pull business logic and shared state out of components in Angular.
Angular Basics #4: Directives and Pipes
Two tools that take template expressiveness up a notch — Directives and Pipes. Centered on Angular 17 new control flow (@if, @for, @switch), this post covers built-ins and how to write your own.