React Native -sovelluskehitys
Savela, Janika; Tapdygov, Viktor; Saarijärvi, Immu (2025)
2025
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202504106166
https://urn.fi/URN:NBN:fi:amk-202504106166
Tiivistelmä
Opinnäytetyössä perehdyttiin avoimen lähdekoodin mobiilikäyttöliittymäkehyk-
seen React Nativeen, sen suosioon, toimintaperiaatteisiin ja kehitysympäristöön.
Työn alussa tarkasteltiin alustariippumattoman mobiilikehityksen taustaa ja tar-
peellisuutta. Lisäksi käytiin läpi React Nativen keskeiset toimintaperiaatteet sekä
sen eroavaisuudet verrattuna web-pohjaisten käyttöliittymien kehitykseen tarkoi-
tettuun React-kirjastoon. Työssä käsiteltiin myös React Nativen etuja ja rajoituk-
sia.
Käytännön osuudessa React Nativea lähestyttiin kehittäjän näkökulmasta. Tar-
kastelimme kehitysympäristön käyttöä, koodin rakennetta sekä valmiiden Ja-
vaScript-kirjastojen hyödyntämistä sovelluskehityksessä. Lisäksi selitimme
React Native -kehityksen kannalta keskeisimmät käsitteet ja niiden käytön, kuten
esimerkiksi komponenttien suunnittelun ja toteutuksen.
Työn lopuksi toteutimme kolme demosovellusta, joilla havainnollistimme React
Nativen työkaluja ja käytännön toteutuksia. Yhdessä sovelluksista esimerkiksi
haettiin tietoa API-rajapinnasta, renderöitiin se näytölle komponenttien avulla ja
lisättiin käyttäjän syötteisiin perustuvaa suodatusta.
Opinnäytetyön tavoitteena on tarjota selkeä yleiskuva React Nativesta ja sen pe-
rusperiaatteista kehittäjille, joille teknologia ei ole ennestään tuttu.
seen React Nativeen, sen suosioon, toimintaperiaatteisiin ja kehitysympäristöön.
Työn alussa tarkasteltiin alustariippumattoman mobiilikehityksen taustaa ja tar-
peellisuutta. Lisäksi käytiin läpi React Nativen keskeiset toimintaperiaatteet sekä
sen eroavaisuudet verrattuna web-pohjaisten käyttöliittymien kehitykseen tarkoi-
tettuun React-kirjastoon. Työssä käsiteltiin myös React Nativen etuja ja rajoituk-
sia.
Käytännön osuudessa React Nativea lähestyttiin kehittäjän näkökulmasta. Tar-
kastelimme kehitysympäristön käyttöä, koodin rakennetta sekä valmiiden Ja-
vaScript-kirjastojen hyödyntämistä sovelluskehityksessä. Lisäksi selitimme
React Native -kehityksen kannalta keskeisimmät käsitteet ja niiden käytön, kuten
esimerkiksi komponenttien suunnittelun ja toteutuksen.
Työn lopuksi toteutimme kolme demosovellusta, joilla havainnollistimme React
Nativen työkaluja ja käytännön toteutuksia. Yhdessä sovelluksista esimerkiksi
haettiin tietoa API-rajapinnasta, renderöitiin se näytölle komponenttien avulla ja
lisättiin käyttäjän syötteisiin perustuvaa suodatusta.
Opinnäytetyön tavoitteena on tarjota selkeä yleiskuva React Nativesta ja sen pe-
rusperiaatteista kehittäjille, joille teknologia ei ole ennestään tuttu.