You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: instructions/angular.instructions.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,7 +18,7 @@ Instructions for generating high-quality Angular applications with TypeScript, u
18
18
19
19
### Architecture
20
20
- Use standalone components unless modules are explicitly required
21
-
- Organize code by feature modules or domains for scalability
21
+
- Organize code by standalone feature modules or domains for scalability
22
22
- Implement lazy loading for feature modules to optimize performance
23
23
- Use Angular's built-in dependency injection system effectively
24
24
- Structure components with a clear separation of concerns (smart vs. presentational components)
@@ -32,7 +32,7 @@ Instructions for generating high-quality Angular applications with TypeScript, u
32
32
33
33
### Component Design
34
34
- Follow Angular's component lifecycle hooks best practices
35
-
- When using Angular >= 19, Use `input()``output()`, `viewChild()`, `viewChildren()`, `contentChild()` and `viewChildren()` functions instead of decorators; otherwise use decorators
35
+
- When using Angular >= 19, Use `input()``output()`, `viewChild()`, `viewChildren()`, `contentChild()` and `contentChildren()` functions instead of decorators; otherwise use decorators
36
36
- Leverage Angular's change detection strategy (default or `OnPush` for performance)
37
37
- Keep templates clean and logic in component classes or services
38
38
- Use Angular directives and pipes for reusable functionality
@@ -78,7 +78,7 @@ Instructions for generating high-quality Angular applications with TypeScript, u
78
78
- Use Angular's `TestBed` for component testing with mocked dependencies
79
79
- Test signal-based state updates using Angular's testing utilities
80
80
- Write end-to-end tests with Cypress or Playwright (if specified)
81
-
- Mock HTTP requests using `HttpClientTestingModule`
81
+
- Mock HTTP requests using `provideHttpClientTesting`
82
82
- Ensure high test coverage for critical functionality
83
83
84
84
## Implementation Process
@@ -95,7 +95,7 @@ Instructions for generating high-quality Angular applications with TypeScript, u
- Follow Angular's old naming conventions (e.g., `feature.component.ts`, `feature.service.ts`) or new naming convention (e.g., `feature.ts`, `feature-service.ts`) depending on what the project already uses
99
99
- Use Angular CLI commands for generating boilerplate code
100
100
- Document components and services with clear JSDoc comments
101
101
- Ensure accessibility compliance (WCAG 2.1) where applicable
0 commit comments