Dynaamisten komponenttien luominen ja hallinnoiminen NgRx-tilanhallintaa hyödyntäen

Abstract

Web-kehityksen maailma on muuttunut nopeasti ja myös käyttöliittymiltä osataan nykyään vaatia enemmän. Käyttäjien vaatimukset ja rooli kehittämistyössä on noussut entistä tärkeämmäksi. Tutkimuksen toimeksi antajana toimi Skillwell Oy. Toimeksiantajalla oli asiakasprojekteissa noussut tarve dynaamisesti hallittaville käyttöliittymille. Tutkimuksen tavoitteena oli kerätä aiheesta syvempää ymmärrystä ja tutkia miten dynaamisia komponentteja luodaan ja hallitaan Angular-verkkosovelluksessa NgRx-tilanhallintaa hyödyntäen. Tutkimus toteutettiin kehittämistyönä. Tietoperustassa käytiin läpi Angularin ja NgRx:n perusteita, sekä perehdyttiin tilanhallintaan ja reaktiiviseen ohjelmointiin. Kehittämistyön aikana kehitettiin esimerkkisovellus, johon luotiin dynaamisesti hallittavia komponentteja, joissa käyttäjän tekemät muutokset päivittyvät reaaliajassa. Toimeksiantajan kanssa käytiin läpi, millaisia ominaisuuksia komponentteihin halutaan luoda ja tutkia. Aihe rajattiin koskemaan pelkästään asiakaspuolen toteutusta, eikä siihen liitetty tietokanta- tai palvelinpuolentoteutuksia. Tutkimuksen tuloksena syntyi tietoa dynaamisten komponenttien luomisesta ja hallinnoimisesta. Esimerkki sovelluksen avulla saavutettiin konkreettista tietoa miten dynaamisten komponenttien luominen tapahtuu ja mitä asioita niiden hallinnoimisessa on otettava huomioon. Johtopäätöksenä tutkimuksesta voidaan todeta NgRx:n tarjoavan selkeän ja tehokkaan ratkaisun dynaamisten komponenttien hallintaan ja reaaliaikaiseen päivittämiseen. Erityisesti isommissa ja monimutkaisemmissa sovelluksissa keskitetty tilanhallinta tuo apua komponenttien ylläpitoon ja kehitykseen.