Refactoring legacy AngularJS
Is your AngularJS application becoming too difficult to maintain? Corinna Cohn explains how to take an overburdened application and make it maintainable by separating concerns of retrieving models, creating components, and isolating business logic. You will learn techniques for making your own code cleaner and more maintainable by writing small, testable modules instead of tangled monoliths.
Talk Title | Refactoring legacy AngularJS |
Speakers | Corinna Cohn (Fusion Alliance) |
Conference | Fluent |
Conf Tag | The Web Platform in Practice |
Location | San Francisco, California |
Date | March 8-10, 2016 |
URL | Talk Page |
Slides | Talk Slides |
Video | |
A side effect of the popularity of AngularJS is that we are collectively creating a legacy of enterprise applications that require maintenance and improvement. In the rush to meet our deadlines, we sometimes take shortcuts that result in monolithic, confusing code. Starting with an AngularJS application written specifically to illustrate the principles at hand—a controller assigned too many responsibilities—Corinna Cohn guides attendees through identifying seams for separating concerns, breaking out directives and business logic, and demonstrating unit tests for our new code. Corinna then introduces refactoring patterns specific to AngularJS designed to reduce the work performed in controllers such as extract directive, replace service with component, and replace JSON with class. Following the presentation, attendees will be able to replay the covered material at their own speed on an accompanying GitHub site where each step is documented with separate tags.