Reactista Angulariin - Oppimisen siirtovaikutus ohjelmistokehysten välillä
Valkama, Saana (2026)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202603184542
https://urn.fi/URN:NBN:fi:amk-202603184542
Tiivistelmä
Tämän opinnäytetyön tehtävänä on tarkastella Reactin ja Angularin keskeisiä eroja sekä oppimisen siirtovaikutusta tilanteessa, jossa React-taustainen kehittäjä alkaa omaksumaan Angularia. Aihe on ajankohtainen, sillä molemmat kehykset ovat suosittuja yksisivusovelluksien työkaluja.
Menetelmänä on projektipohjainen tapaustutkimus, jossa sama sääsovellus toteutettiin identtisissä ympäristöissä sekä Reactin että Angularin avulla. Analyysi on laadullinen ja havainnoi oppimisen siirtovaikutusta Perkinsin ja Salomonin siirtovaikutusteorian pohjalta, määrittäen positiivisen ja negatiivisen siirtovaikutuksen sekä lähi- ja etäsiirtovaikutuksen.
Tulokset osoittavat, että kehyksillä on useita eroja niin konkreettisesti kuin arkkitehtuuritasolla. Myös sekä positiivista että negatiivista siirtovaikutusta havaittiin projektin aikana. Esimerkiksi komponenttipohjainen kehittäminen, sovelluslogiikan abstrahointi ja riippuvuuksien injektion omaksuminen Context API:n kautta siirtyvät positiivisesti. Negatiivisesti puolestaan siirtyi reaktiivinen ohjelmointi ja moduulipohjainen kehittäminen. React-tausta voi vaikuttaa merkittävästi siirtymiseen Angular-kehykseen.
Asiasanat: React, Angular, SPA, Oppimisen siirtovaikutus, Tapaustutkimus
Menetelmänä on projektipohjainen tapaustutkimus, jossa sama sääsovellus toteutettiin identtisissä ympäristöissä sekä Reactin että Angularin avulla. Analyysi on laadullinen ja havainnoi oppimisen siirtovaikutusta Perkinsin ja Salomonin siirtovaikutusteorian pohjalta, määrittäen positiivisen ja negatiivisen siirtovaikutuksen sekä lähi- ja etäsiirtovaikutuksen.
Tulokset osoittavat, että kehyksillä on useita eroja niin konkreettisesti kuin arkkitehtuuritasolla. Myös sekä positiivista että negatiivista siirtovaikutusta havaittiin projektin aikana. Esimerkiksi komponenttipohjainen kehittäminen, sovelluslogiikan abstrahointi ja riippuvuuksien injektion omaksuminen Context API:n kautta siirtyvät positiivisesti. Negatiivisesti puolestaan siirtyi reaktiivinen ohjelmointi ja moduulipohjainen kehittäminen. React-tausta voi vaikuttaa merkittävästi siirtymiseen Angular-kehykseen.
Asiasanat: React, Angular, SPA, Oppimisen siirtovaikutus, Tapaustutkimus
