Angular Best Practices
Optimizes Angular application performance and code quality through standardized patterns for change detection, bundle efficiency, and rendering.
This skill provides Claude with a comprehensive set of prioritized rules for developing high-performance Angular applications. It covers critical areas such as Signals-based change detection, eliminating async waterfalls, optimizing bundle sizes via lazy loading and @defer, and implementing efficient server-side rendering (SSR) patterns. By integrating these best practices directly into the AI's workflow, developers can ensure their Angular code is not only functional but also follows the latest framework standards for rendering efficiency and memory management.
Características Principales
01Bundle optimization strategies including lazy loading and barrel file management
02Comprehensive SSR and hydration optimization techniques
0340,616 GitHub stars
04Advanced RxJS patterns to eliminate sequential data fetching waterfalls
05Rendering performance improvements using @defer, trackBy, and virtual scrolling
06Signals-based change detection and Zoneless configuration guidance
Casos de Uso
01Configuring new Angular projects with optimal SSR and bundle configurations
02Refactoring legacy Angular components to use modern Signals and OnPush strategies
03Performing code reviews to identify and fix performance bottlenecks in large-scale apps