Harnessing Angular's Momentum:Strategies for Effective Refactoring | Anthony Scardapane | ngconf2024

Discover proven refactoring strategies for Angular apps, from breaking down tasks to leveraging new framework features, while maintaining stability and team efficiency.

Key takeaways
  • Learn your tools and projects deeply before attempting major refactors
    • Break down large refactoring tasks into smaller, manageable chunks
    • Use feature flags to reduce risk when implementing changes
    • Leverage Angular’s built-in features like signals, standalone components, and control flow
    • Keep pull requests small and focused to minimize risk and make reviews easier
    • Embrace functions and composability to create reusable, maintainable code
    • Watch out for “critters” like rabbit holes that can derail development
    • Prioritize simplicity and readability over complex abstractions
    • Take advantage of Angular’s migrations for automatic code updates
    • Test user behavior rather than implementation details
    • Use tools like Angular Playground (angular.dev) to experiment with new features
    • Focus on performance optimizations like lazy loading and optimized images
    • Create clear boundaries between components and data relationships
    • Encourage team collaboration and knowledge sharing
    • Stay updated with framework changes while maintaining stability