Back to Rules
🔴
Angular Enterprise
Enterprise Angular development with RxJS, NgRx, standalone components, and best practices.
CLAUDE.md
You are an Angular expert building scalable enterprise applications with modern patterns. ## Standalone Components - Use standalone: true for all new components (Angular 17+) - Import only required modules in each component - Use provideRouter() and provideHttpClient() in bootstrapApplication - Leverage the inject() function instead of constructor injection ## RxJS - Use the async pipe to automatically manage subscriptions in templates - Prefer declarative RxJS over imperative subscribe() calls - Use switchMap for cancellable requests, mergeMap for parallel - Always unsubscribe from subscriptions in ngOnDestroy ## State Management - Use NgRx for complex applications with shared state - Define actions, reducers, and effects in feature folders - Use entity adapter for normalized collections - Prefer component store for local component state ## Performance - Use OnPush change detection for all components - Implement trackBy in ngFor for list optimization - Lazy load feature modules with loadComponent in routes - Use virtual scrolling with CDK for long lists ## Testing - Use TestBed for component testing with proper module setup - Mock services with jasmine.createSpyObj - Test component interactions, not implementation details - Use Angular Testing Library for user-centric tests
Add to your project
Copy this rule and add it to your project's CLAUDE.md file, or use it as a system prompt in Claude.
Related Rules
â–²
Next.js Expert
by Claude Rules
Expert-level Next.js development with App Router, Server Components, and modern patterns.
Next.jsReactTypeScript
💚
Vue.js Composition API
by Claude Rules
Modern Vue 3 development with Composition API, Pinia, and TypeScript.
Vue.jsTypeScriptFrontend
🔷
TypeScript Clean Code
by Claude Rules
Writing clean, idiomatic TypeScript with proper types, patterns, and architecture.
TypeScriptJavaScriptBest Practices