Data Driven User Interfaces with React
Sikkilä, Sami (2021)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021112822261
https://urn.fi/URN:NBN:fi:amk-2021112822261
Tiivistelmä
Tämän opinnäytetyön pääasiallisena tarkoituksena oli opiskella Reactia, JavaScriptiä sekä Reduxia. React on yksi suosituimmista ja nopeimmin kasvavista käyttöliittymien ohjelmoimiseen käytettävistä kirjastoista.
React on Facebookin, joka vaihtoin juuri nimensä Metaksi, kehittämä käyttöliittymien ohjelmointiin kehittämä kirjasto. Alunperin React kehitettiin Facebookin omaan sisäiseen käyttöön, mutta myöhemmin se muutettiin avoimeksi lähdekoodiksi, jolloin siihen pääsi käsiksi kaikki halukkaat. Muutoksen jälkeen Reactin kehittämiseen on osallistunut Facebookin lisäksi useita muita, jopa itsenäisiä, kehittäjiä ja toiminnallisuuksien määrä on kasvanut. Useat ohjelmoijat ja asiantuntijat pitävät Reactia yhtenä parhaista kirjastoista, jos kehitettävän käyttöliittymän tarvitsee käsitellä suuria määriä tietoa ja käyttäjiä kerrallaan.
Tässä opinnäytettyössä käydään läpi monia tärkeitä osa-alueita teknologioista kuten React, Redux ja JavaScript. Näiden läpikäynnin jälkeen opinnäytettyön lopussa on yksinkertainen esimerkki applikaatio, jossa pyritään käyttämään näitä ominaisuuksia.
Esimerkki applikaatiossa on perineinen React-applikaation rakenne, jossa luodaan erilaisia komponentteja joiden tulee toimia yhdessä ja esittää käyttäjän sille syöttämät asiat selaimessa. Applikaation ideana on toimia ostoslistana.
React on Facebookin, joka vaihtoin juuri nimensä Metaksi, kehittämä käyttöliittymien ohjelmointiin kehittämä kirjasto. Alunperin React kehitettiin Facebookin omaan sisäiseen käyttöön, mutta myöhemmin se muutettiin avoimeksi lähdekoodiksi, jolloin siihen pääsi käsiksi kaikki halukkaat. Muutoksen jälkeen Reactin kehittämiseen on osallistunut Facebookin lisäksi useita muita, jopa itsenäisiä, kehittäjiä ja toiminnallisuuksien määrä on kasvanut. Useat ohjelmoijat ja asiantuntijat pitävät Reactia yhtenä parhaista kirjastoista, jos kehitettävän käyttöliittymän tarvitsee käsitellä suuria määriä tietoa ja käyttäjiä kerrallaan.
Tässä opinnäytettyössä käydään läpi monia tärkeitä osa-alueita teknologioista kuten React, Redux ja JavaScript. Näiden läpikäynnin jälkeen opinnäytettyön lopussa on yksinkertainen esimerkki applikaatio, jossa pyritään käyttämään näitä ominaisuuksia.
Esimerkki applikaatiossa on perineinen React-applikaation rakenne, jossa luodaan erilaisia komponentteja joiden tulee toimia yhdessä ja esittää käyttäjän sille syöttämät asiat selaimessa. Applikaation ideana on toimia ostoslistana.