AngularJS- ja ReactJS-sovelluskehysten vertailu
Kuikka, Otto (2019)
Kuikka, Otto
2019
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2019052311619
https://urn.fi/URN:NBN:fi:amk-2019052311619
Tiivistelmä
Opinnäytetyö suoritetaan tutkimuksena, jonka tavoitteena on vertailla kahta JavaScript-pohjaista so-velluskehystä. Tutkimukseen sisältyy kahden CRUD-sovelluksen rakentaminen, vertailun kohteena olevilla sovelluskehyksillä. Tutkimuksessa selitetään sovelluksissa käytettyjä teknologioita ja sovellus-ten toiminnallisuuksia.
Tutkimuksen vertailussa keskitytään sovelluskehysten (AngularJS ja ReactJS), rakenteellisiin eroa-vaisuuksiin. Vertailussa tarkastellaan myös sitä, miten erot näkyvät rakennettujen CRUD-sovellusten välillä. Näin saadaan myös käytännöllinen näkökulma AngularJS:n ja ReactJS:n eroista. Vertailu-osuudessa eroja tutkitaan keskittyen erityisesti sovellusten rakenteellisiin ominaisuuksiin, ylläpidettä-vyyteen, koodin luettavuuteen ja pystytykseen.
Aluksi käydään läpi JavaScript-ohjelmointikieltä, jonka jälkeen selitetään sovelluksissa käytettyjä pal-velin- ja tietokantateknologioita. Sen jälkeen käsitellään verkkosovellusten kehitykselle ominaisia tek-nologiapakkoja (MEAN ja MERN) ja tutkimukselle oleelliset sovelluskehykset: AngularJS ja ReactJS. Seuraavaksi kerrotaan, miten tutkimus on suunniteltu ja toteutettu sekä käydään läpi tutkimuksen aikana syntyneet sovellukset. Lopuksi selitetään tutkimustulokset vertailemalla sovelluskehyksiä ja pohditaan tutkimuksen tekoa ja siinä nousseita haasteita ja onnistumisia.
Tutkimustulokset osoittavat, että verkkosovelluksia rakennettaessa on hyödyllisempää käyttää ReactJS:iä. Suurimmaksi syyksi tälle tulokselle voidaan nähdä se, että AngularJS on vanhentunut, joten sen jatkokehitysmahdollisuudet ovat todella heikot.
Tutkimuksen vertailussa keskitytään sovelluskehysten (AngularJS ja ReactJS), rakenteellisiin eroa-vaisuuksiin. Vertailussa tarkastellaan myös sitä, miten erot näkyvät rakennettujen CRUD-sovellusten välillä. Näin saadaan myös käytännöllinen näkökulma AngularJS:n ja ReactJS:n eroista. Vertailu-osuudessa eroja tutkitaan keskittyen erityisesti sovellusten rakenteellisiin ominaisuuksiin, ylläpidettä-vyyteen, koodin luettavuuteen ja pystytykseen.
Aluksi käydään läpi JavaScript-ohjelmointikieltä, jonka jälkeen selitetään sovelluksissa käytettyjä pal-velin- ja tietokantateknologioita. Sen jälkeen käsitellään verkkosovellusten kehitykselle ominaisia tek-nologiapakkoja (MEAN ja MERN) ja tutkimukselle oleelliset sovelluskehykset: AngularJS ja ReactJS. Seuraavaksi kerrotaan, miten tutkimus on suunniteltu ja toteutettu sekä käydään läpi tutkimuksen aikana syntyneet sovellukset. Lopuksi selitetään tutkimustulokset vertailemalla sovelluskehyksiä ja pohditaan tutkimuksen tekoa ja siinä nousseita haasteita ja onnistumisia.
Tutkimustulokset osoittavat, että verkkosovelluksia rakennettaessa on hyödyllisempää käyttää ReactJS:iä. Suurimmaksi syyksi tälle tulokselle voidaan nähdä se, että AngularJS on vanhentunut, joten sen jatkokehitysmahdollisuudet ovat todella heikot.