React-sovelluksen optimointi
Peltola, Antti (2021)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021120122922
https://urn.fi/URN:NBN:fi:amk-2021120122922
Tiivistelmä
Opinnäytetyön tarkoituksena oli tutkia erilaisia tapoja optimoida React-sovellusta ja soveltaa opittua eSend Oy:n olemassa oleviin sovelluksiin. Sovelluksissa pyritään ensisijaisesti optimoimaan suorituskykyä, jotta asiakaskokemus olisi mahdollisimman hyvä.
eSendin sovellukset on tehty ennen React hookien saapumista ja sisältävät paljon legacy-koodia, joten työn tavoitteena olisi päivittää sovelluksia nykyaikaan. Ensisijaisesti päivitettyjen sovellusten tulisi olla suorituskyvyltään tehokkaampia. Optimointiin valikoitui pääsääntöisesti hookit ja Redux. Hookit ovat Reactin uusia ominaisuuksia ja Redux kirjasto, jotka on tuotu juuri optimoimisen helpottamista varten.
Itse sovelluksen optimoimisen tuloksena voitiin huomata, että koodin rivien määrä ei niinkään vähentynyt merkittävästi, mutta loppukäyttäjän kokemus parani huomattavasti. Myös sovelluksen suorituskyvyssä oli havaittavissa kehitystä. Sovelluksen optimointia varten tehtyjä muutoksia otettiin suurissa määrin käyttöön heti ja osaa jatkokehitetään tulevaisuudessa.
eSendin sovellukset on tehty ennen React hookien saapumista ja sisältävät paljon legacy-koodia, joten työn tavoitteena olisi päivittää sovelluksia nykyaikaan. Ensisijaisesti päivitettyjen sovellusten tulisi olla suorituskyvyltään tehokkaampia. Optimointiin valikoitui pääsääntöisesti hookit ja Redux. Hookit ovat Reactin uusia ominaisuuksia ja Redux kirjasto, jotka on tuotu juuri optimoimisen helpottamista varten.
Itse sovelluksen optimoimisen tuloksena voitiin huomata, että koodin rivien määrä ei niinkään vähentynyt merkittävästi, mutta loppukäyttäjän kokemus parani huomattavasti. Myös sovelluksen suorituskyvyssä oli havaittavissa kehitystä. Sovelluksen optimointia varten tehtyjä muutoksia otettiin suurissa määrin käyttöön heti ja osaa jatkokehitetään tulevaisuudessa.