Angular CDK (Component Dev Kit) Skill

Rules

Lifecycle & Resource Management

• Must create FocusTrap in ngOnInit() using focusTrapFactory.create()
• Must call focusTrap.focusInitialElement() after creating focus trap
• Must destroy FocusTrap in ngOnDestroy() using focusTrap.destroy()
• Must stop monitoring focus in ngOnDestroy() using focusMonitor.stopMonitoring()
• Must destroy keyManager in ngOnDestroy() using keyManager.destroy()
• Must dispose overlayRef in cleanup using overlayRef.dispose()
• Must explicitly release all CDK resources in ngOnDestroy()
• Must clean up: focusTrap, overlayRef, focusMonitor, keyManager
• Shall Not leave CDK resources without cleanup (causes memory leaks)

Accessibility

• Must use LiveAnnouncer for screen reader announcements of dynamic content
• Must use FocusKeyManager for keyboard navigation in lists