Export High-Res PDF
Switch to Light Mode
SkillSnap Official GuideUpdated 7/24/2026
Angular
The modern platform. Master Signals, Zoneless change detection, and the new Resource API for a lighter, faster Angular.
Signals (Reactivity)
Local state (Replaces BehaviorSubject)signal()
Derived state (Memoized & Lazy)computed()
Side effects only (DOM/Logging)effect()
Signal-based props & eventsinput() / output()
Two-way binding signal [(val)]model()
Control Flow Syntax
Cleaner conditional rendering@if / @else
High-perf loop (Must track)@for (item of items; track item.id)
Lazy load block content@defer
Local template variables (v19+)@let
Architecture & Zoneless
Default in v20 (No NgModules)Standalone
Enable Zoneless modeprovideZonelessChangeDetection
Function-based DI (Cleaner than Constructor)inject()
Cleanup callback (Replaces ngOnDestroy)destroyRef.onDestroy
Data & Resources
Async data fetching with signals (v19+)resource()
RxJS interop for resource APIrxResource()
Simplified HTTP fetching (v20)httpResource()
Interop utilitiestoSignal / toObservable
SSR & Hydration
Prevent flicker on loadprovideClientHydration
Hydrate only when visible@defer (on viewport)
Run code only in browserafterNextRender
Escape hatch for direct DOM manipulationngSkipHydration
Performance Tips
Still recommended for component isolationOnPush
Delay form validationupdateOn: 'blur'
Use modern Fetch APIprovideHttpClient(withFetch)
Analyze bundle bloatng build --stats-json