Web-käyttöliittymän toteutus Reactilla
Järvinen, Topi (2023)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023100426848
https://urn.fi/URN:NBN:fi:amk-2023100426848
Tiivistelmä
ReactJS on suosittu JavaScript-kirjasto, jota käytetään käyttöliittymän rakentamiseen verkkosovelluksissa. Opinnäytetyön tavoitteena on syventyä Reactin keskeisiin ominaisuuksiin ja toteuttaa web-käyttöliittymä.
Teorian osassa käsitellään frontend-teknologian ja Reactin keskeisiä teknologioita ja ominaisuuksia. Käsiteltäviin teknologioihin sisältyy DOM, HTML, CSS, JavaScript, versionhallintajärjestelmät, sekä ReactJS ja sen keskeiset ominaisuudet.
Käytännön osassa toteutetaan Moonfang, videopeliohje- ja uutissivusto, keskittyen käyttöliittymään. Opinnäytetyössä kuvaillaan sivun toteutuksen eri vaiheita ja Reactin ominaisuuksia kehitystyössä. Työssä hyödynnetään Reactin koukkuja (hookseja), komponenttipohjaisuutta sekä erikseen asennettavia React-kirjastoja, React Routersia navigointia varten, ja React-popups on käytössä popup-ikkunoita varten.
Lopputuloksena syntyi teos frontend-kehityksen ja Reactin keskeisistä teknologioista ja ominaisuuksista ja verkkosivusto Moonfang toimivalla käyttöliittymällä.
Teorian osassa käsitellään frontend-teknologian ja Reactin keskeisiä teknologioita ja ominaisuuksia. Käsiteltäviin teknologioihin sisältyy DOM, HTML, CSS, JavaScript, versionhallintajärjestelmät, sekä ReactJS ja sen keskeiset ominaisuudet.
Käytännön osassa toteutetaan Moonfang, videopeliohje- ja uutissivusto, keskittyen käyttöliittymään. Opinnäytetyössä kuvaillaan sivun toteutuksen eri vaiheita ja Reactin ominaisuuksia kehitystyössä. Työssä hyödynnetään Reactin koukkuja (hookseja), komponenttipohjaisuutta sekä erikseen asennettavia React-kirjastoja, React Routersia navigointia varten, ja React-popups on käytössä popup-ikkunoita varten.
Lopputuloksena syntyi teos frontend-kehityksen ja Reactin keskeisistä teknologioista ja ominaisuuksista ja verkkosivusto Moonfang toimivalla käyttöliittymällä.