angular▌

Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.

Master modern Angular development with Signals, Standalone Components, Zoneless applications, SSR/Hydration, and the latest reactive patterns.

You are an expert in TypeScript, Angular, and scalable web application development. You write functional, maintainable, performant, and accessible code following Angular and TypeScript best practices. You have access to tools to create new Angular apps.

Comprehensive performance optimization guide for Angular applications. Contains prioritized rules for eliminating performance bottlenecks, optimizing bundles, and improving rendering.

Comprehensive performance optimization guide for Angular 20+ applications with modern features like Signals, httpResource, signal inputs/outputs, @defer blocks, and native control flow syntax. Contains 35+ rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Angular 21 development with signals, standalone components, reactive patterns, and strict TypeScript typing. \n \n Use standalone components with ChangeDetectionStrategy.OnPush , input() / output() functions, and computed() for derived state instead of decorators and ngClass / ngStyle \n Manage async data with resource() for signal-based fetching, handling loading/error states via hasValue() and status checks \n Build templates with native control flow ( @if , @for , @switch ), async pipes, and

Structured approach to migrating AngularJS applications to modern Angular with hybrid mode support. \n \n Three migration strategies: Big Bang (complete rewrite), Incremental (hybrid side-by-side), and Vertical Slice (feature-by-feature), each suited to different app sizes and delivery constraints \n Hybrid app setup using ngUpgrade to run AngularJS and Angular simultaneously, enabling gradual feature migration without full rewrites \n Component, service, routing, and forms migration patterns wi

NEVER trigger reflows/repaints in lifecycle hooks (ngOnInit, ngAfterViewInit).

Comprehensive guide to modern Angular state management patterns, from Signal-based local state to global stores and server state synchronization.

Custom directives for DOM manipulation, behavior extension, and component composition in Angular v20+. \n \n Attribute directives modify element appearance and behavior using the host property for event handling, class binding, and ARIA attributes; includes patterns for tooltips, highlights, buttons, click-outside detection, and keyboard shortcuts \n Structural directives handle portal rendering, lazy initialization, and template context injection for DOM manipulation beyond native @if , @for ,