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

Testing

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

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

More talks