Reactin ja Angularin vertailu web-sovelluksen kehityksessä
Reis, Lauri (2024)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2024053018252
https://urn.fi/URN:NBN:fi:amk-2024053018252
Tiivistelmä
Tämän opinnäytetyön tarkoituksena oli vertailla Reactia ja Angularia luomalla niille web-sovellukset. Opinnäytetyö on luonteeltaan toiminnallinen, joka tarkoittaa, että työssä muodostui tuotos. Tuotos oli kaksi yksinkertaista työntekijähallinnan verkkosovellusta sekä sovelluksille jaettu tietokanta ja palvelin. Vertailu toteutettiin testaamalla sovelluksia sekä objektiivisesti että subjektiivisesti. Vertailua avustavat tutkimuskysymykset olivat:
K1 Kumpi teknologia tarjoaa paremman kehityskokemuksen?
K2 Kumpi teknologia tarjoaa parempaa suorituskykyä?
Tuotosta on pohjustettu tietoperustassa kertomalla sekä Reactin että Angularin keskeisimpiä tekniikoita, joita tuotoksessa on tarvittu.
Toteutuksessa ohjelmoitiin paikallinen palvelin sekä React- ja Angular-sovellukset. Menetelmäkuvauksessa havainnollistettiin valittuja toimintatapoja sovellusten ohjelmoinnista.
Lopputuloksissa sovelluksia vertailtiin Googlen Lighthouse-testeillä. Testit vertailivat suorituskykyä, saavutettavuutta, parhaita toimintatapoja ja hakukoneoptimointia. Luvussa myös vertailtiin sovelluksia subjektiivisesti kehittäjäkokemuksen perusteella sekä ulkoisen avun kuten foorumeiden kattavuudella.
Tutkimuskysymysten vastaukset eivät olleet täysin selviä. Tutkimuskysymyksen K1 vastaus riippui useista tekijöistä, kuten projektin vaatimuksista ja web-kehittäjän tottumuksista. Sekä React että Angular tarjosivat miellyttävän kehityskokemuksen. Tutkimuskysymyksen K2 vastaus oli myös epäselvä. React tarjosi parempaa suorituskykyä Lighthouse-testien perusteella, mutta molemmat sovellukset olivat yhtä responsiivisia eikä lopullista päätöstä voitu tehdä tämän mittaluokan sovelluksista.
K1 Kumpi teknologia tarjoaa paremman kehityskokemuksen?
K2 Kumpi teknologia tarjoaa parempaa suorituskykyä?
Tuotosta on pohjustettu tietoperustassa kertomalla sekä Reactin että Angularin keskeisimpiä tekniikoita, joita tuotoksessa on tarvittu.
Toteutuksessa ohjelmoitiin paikallinen palvelin sekä React- ja Angular-sovellukset. Menetelmäkuvauksessa havainnollistettiin valittuja toimintatapoja sovellusten ohjelmoinnista.
Lopputuloksissa sovelluksia vertailtiin Googlen Lighthouse-testeillä. Testit vertailivat suorituskykyä, saavutettavuutta, parhaita toimintatapoja ja hakukoneoptimointia. Luvussa myös vertailtiin sovelluksia subjektiivisesti kehittäjäkokemuksen perusteella sekä ulkoisen avun kuten foorumeiden kattavuudella.
Tutkimuskysymysten vastaukset eivät olleet täysin selviä. Tutkimuskysymyksen K1 vastaus riippui useista tekijöistä, kuten projektin vaatimuksista ja web-kehittäjän tottumuksista. Sekä React että Angular tarjosivat miellyttävän kehityskokemuksen. Tutkimuskysymyksen K2 vastaus oli myös epäselvä. React tarjosi parempaa suorituskykyä Lighthouse-testien perusteella, mutta molemmat sovellukset olivat yhtä responsiivisia eikä lopullista päätöstä voitu tehdä tämän mittaluokan sovelluksista.