Angular Best Practices

What it does

This skill provides guidance on implementing best practices for Angular development, including structure, performance optimization, and maintainability. It helps developers write clean, scalable code that adheres to industry standards.

When to use it

• When building a new Angular application from scratch
• When refactoring an existing Angular project for better organization
• When optimizing the performance of an Angular app with large component trees
• When preparing an Angular app for long-term maintenance and team collaboration

Key capabilities

• Code structure recommendations (e.g., feature modules, lazy loading)
• Performance optimization techniques (e.g., change detection strategies, AOT compilation)
• Best practices for state management and data flow
• Guidance on testing and CI/CD integration

Example prompts

• "How should I organize my Angular project for scalability?"
• "What are the best practices for improving Angular app performance?"
• "Can you explain how to implement lazy loading in Angular modules?"

Tips & gotchas

• Ensure your team is familiar with Angular CLI and module-based architecture before applying these practices.
• Some optimizations may require additional tooling or configuration, such as Webpack or Bazel.