React.js ja Vue.js yksisivuisten verkkosovellusten kehityksessä : Käyttöliittymäkehykset vertailussa
Tuominen, Mikko (2023)
Tuominen, Mikko
2023
Tietojenkäsittelytieteiden kandidaattiohjelma - Bachelor's Programme in Computer Sciences
Informaatioteknologian ja viestinnän tiedekunta - Faculty of Information Technology and Communication Sciences
This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Hyväksymispäivämäärä
2023-06-12
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:tuni-202306086605
https://urn.fi/URN:NBN:fi:tuni-202306086605
Tiivistelmä
Verkkosovellusten yleistyessä yksisivuiset verkkosovellukset (eng. Single-page Application) ovat kasvattaneet suosiotaan niiden tarjoaman nopeuden ja natiivisovelluksen kaltaisen käyttäjäkokemuksen ansiosta. Näiden sovellusten frontendin kehittämisessä käytetään yleisesti JavaScript-pohjaisia avoimen lähdekoodin sovelluskehyksiä, jotka tarjoavat kehittäjälle valmista ohjelmakoodia ja rakenteita, joita käyttämällä kehitys- ja ylläpitoprosessia voidaan nopeuttaa ja helpottaa. Viimeisen 10 vuoden aikana tällaisia sovelluskehyksiä on ilmaantunut monia, ja sopivan kehyksen valinta saattaa osoittautua haasteelliseksi.
Tässä tutkielmassa tarkastellaan kirjallisuuskatsauksen kautta yksisivuisia verkkosovelluksia ja esitellään kaksi niiden kehittämisessä suosittua sovelluskehystä, Facebookin kehittäneen Metan luoma React.js ja Googlelle työskennelleen Evan Youn kehittämä Vue.js. Tutkielma kuvailee yksisivuisia verkkosovelluksia, Reactin ja Vuen taustoja ja perusominaisuuksia ja lopuksi tarkastelee niillä toteutettujen testisovelluksien teknistä suorituskykyä vertailleita tutkimuksia. Tutkielman tavoitteena on antaa verkkosovelluskehittäjälle näkökulmia auttamaan sovelluskehyksen valinnassa.
Tutkielmassa havaitaan, että kehykset ovat rakenteeltaan ja ohjelmointityyliltään hyvin samankaltaisia, Vuen tarjotessa laajemman kokonaisuuden ominaisuuksia verrattuna lisäkirjastoja tarvitsevaan Reactiin. Reactilla ja Vuella toteutettujen verkkosovellusten suorituskykyä vertailleissa tutkimuksissa havaittiin pieniä eroja eri mittareilla molempien hyväksi, mutta kokonaisuutena erot eivät olleet huomattavia. Havaittuja eroja voidaan pitää merkittävinä vain, jos kehitetyn sovelluksen kannalta jonkin tietyn ominaisuuden olisi erityisen tärkeää olla mahdollisimman tehokas. Tämän takia tutkielma kehottaa sovelluskehyksen valinnassa ottamaan huomioon myös projektiin osallistuvien kehittäjien mieltymykset ja ohjelmointitaustan.
Tässä tutkielmassa tarkastellaan kirjallisuuskatsauksen kautta yksisivuisia verkkosovelluksia ja esitellään kaksi niiden kehittämisessä suosittua sovelluskehystä, Facebookin kehittäneen Metan luoma React.js ja Googlelle työskennelleen Evan Youn kehittämä Vue.js. Tutkielma kuvailee yksisivuisia verkkosovelluksia, Reactin ja Vuen taustoja ja perusominaisuuksia ja lopuksi tarkastelee niillä toteutettujen testisovelluksien teknistä suorituskykyä vertailleita tutkimuksia. Tutkielman tavoitteena on antaa verkkosovelluskehittäjälle näkökulmia auttamaan sovelluskehyksen valinnassa.
Tutkielmassa havaitaan, että kehykset ovat rakenteeltaan ja ohjelmointityyliltään hyvin samankaltaisia, Vuen tarjotessa laajemman kokonaisuuden ominaisuuksia verrattuna lisäkirjastoja tarvitsevaan Reactiin. Reactilla ja Vuella toteutettujen verkkosovellusten suorituskykyä vertailleissa tutkimuksissa havaittiin pieniä eroja eri mittareilla molempien hyväksi, mutta kokonaisuutena erot eivät olleet huomattavia. Havaittuja eroja voidaan pitää merkittävinä vain, jos kehitetyn sovelluksen kannalta jonkin tietyn ominaisuuden olisi erityisen tärkeää olla mahdollisimman tehokas. Tämän takia tutkielma kehottaa sovelluskehyksen valinnassa ottamaan huomioon myös projektiin osallistuvien kehittäjien mieltymykset ja ohjelmointitaustan.
Kokoelmat
- Kandidaatintutkielmat [8709]