JavaScript-sovelluskehyksillä toteutettujen asiakassovellusten ylläpidettävyyden vertailu

Abstract

JavaScript-sovelluskehysten käyttö helpottaa asiakaspuolen sovelluskehitystä ja parantaa sovelluksen ylläpidettävyyttä. Oikean työkalun valitseminen on ohjelmoijalle kuitenkin haastava tehtävä teknologioiden nopean kehittymisen vuoksi. Suunnittelutieteellisen tutkimuksen avulla selvitettiin suosittujen sovelluskehysten (AngularJS, Angular 5 ja React) eri ominaisuuksien, kuten staattisen tyypityksen, riippuvuusinjektion ja tarkkailijamallin käytön sekä komponentteihin osituksen vaikutusta kahteen ylläpidettävyyden attribuuttiin: stabiilisuuteen ja muokattavuuteen. Tutkielmassa toteutettiin valituilla sovelluskehyksillä työajanseurantasovellukset, joita kehitettiin edelleen kuudessa versiopäivityksessä. Tämän jälkeen SonarCloud-palvelussa selvitettiin sovellusten rivimäärä sekä syklomaattinen ja kognitiivinen kompleksisuus. Mittaustulosten kautta tutkittiin valittujen ominaisuuksien vaikutusta ylläpidettävyyden attribuutteihin muutosvaikutusanalyysin avulla. React-sovelluksissa käytetty tapa osittaa ohjelma komponentteihin kasvatti merkittävästi sovellusten rivimäärää, mutta ei niiden kompleksisuusarvoja. Tulokset osoittivat myös, että tarkkailijamallin käyttö vaikutti heikentävän ylläpidettävyyttä, kun taas staattisella tyypityksellä tai riippuvuusinjektion käytöllä ei havaittu olevan siihen merkittävää vaikutusta.

The use of JavaScript frameworks makes the clientside web application development process easier and improves software maintainability. However, choosing the right framework for the task at hand is challenging for the programmer due to the rapid evolvement of technology. This design science research process compares different features, such as static typing, dependency injection, observer pattern, and component partition used in some of the most popular JavaScript frameworks (AngularJS, Angular 5, and React) and how they affect different maintainability attributes, particularly on modifiability and stability. In this study, simple time tracking software systems were created with each chosen JavaScript frameworks. These software systems were further developed in six additional updates. All software versions were analyzed in SonarCloud-service by using the following software metrics: source lines of code, cyclomatic complexity and cognitive complexity. Commit-impact analysis was used for measuring how the chosen feature correlates with the maintainability attributes during the development process. Study shows that the way how component partition is implemented in React increases application size but not its complexity. Results also indicate that the use of observer pattern might decrease maintainability whereas dependency injection or the use of static typing did not have a significant impact on the maintainability attributes measured in this study.