React komponenttipohjaisessa UI-suunnittelussa
Vivolin, Miska (2023)
2023
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-2023060117098
https://urn.fi/URN:NBN:fi:amk-2023060117098
Tiivistelmä
Tämä opinnäytetyö käsittelee Reactia komponenttipohjaisen UI-suunnittelun näkökulmasta. Opinnäytetyön tavoitteena on tuoda lukijalle tietoa komponenttipohjaisen ohjelmoinnin ja UI-suunnittelun periaatteista, UI-suunnittelijoiden ja ohjelmoijien välisestä yhteistyöstä ja siitä miten React mahdollistaa näitä tekijöitä.
Opinnäytetyö toteutettiin tutkimuksellisesti ja siinä hyödynnettiin kvalitatiivista menetelmäsuuntausta. Työssä toteutettiin kysely Google formsin avulla viidelle asiantuntijalle, joka sisälsi kuusi kysymystä. Kyselyn analysointimenetelmänä käytettiin teemoittelua, jolloin tuloksia saatiin selkeämmin esille. Lähdeaineiston ja kyselyn tuloksien avulla opinnäytetyössä pyritään saamaan vastausta tutkimuskysymykseen; miten React teknologiana mahdollistaa komponenttipohjaista UI-suunnittelua.
Verratessa kyselyn tuloksia lähdeaineistosta kerättyyn tietoperustaan voitiin luotettavasti todeta Reactin tuovan komponenttipohjaiseen UI-suunnitteluun lukuisia hyötyjä, kuten selkeyttä ja helppokäyttöisyyttä. React mahdollistaa komponenttipohjaisen UI-suunnittelun havainnollistamisen sen komponenttipohjaisen luonteen ansiosta, esim. Reactin arkkitehtuuria ja UI malleja saadaan pilkottua itsenäisiin eristettyihin osiin. Lisäksi React koettiin hyödylliseksi kolmansien osapuolien komponenttien helppokäyttöisyydessä erilaisten komponenttikirjastojen kautta. Haasteina UI-suunnittelijoille mainitaan Reactin nopea kehitys, jonka takia UI-suunnittelijat eivät välttämättä pysy mukana Reactin alati muuttuvissa dokumentaatioissa.
Opinnäytetyö toteutettiin tutkimuksellisesti ja siinä hyödynnettiin kvalitatiivista menetelmäsuuntausta. Työssä toteutettiin kysely Google formsin avulla viidelle asiantuntijalle, joka sisälsi kuusi kysymystä. Kyselyn analysointimenetelmänä käytettiin teemoittelua, jolloin tuloksia saatiin selkeämmin esille. Lähdeaineiston ja kyselyn tuloksien avulla opinnäytetyössä pyritään saamaan vastausta tutkimuskysymykseen; miten React teknologiana mahdollistaa komponenttipohjaista UI-suunnittelua.
Verratessa kyselyn tuloksia lähdeaineistosta kerättyyn tietoperustaan voitiin luotettavasti todeta Reactin tuovan komponenttipohjaiseen UI-suunnitteluun lukuisia hyötyjä, kuten selkeyttä ja helppokäyttöisyyttä. React mahdollistaa komponenttipohjaisen UI-suunnittelun havainnollistamisen sen komponenttipohjaisen luonteen ansiosta, esim. Reactin arkkitehtuuria ja UI malleja saadaan pilkottua itsenäisiin eristettyihin osiin. Lisäksi React koettiin hyödylliseksi kolmansien osapuolien komponenttien helppokäyttöisyydessä erilaisten komponenttikirjastojen kautta. Haasteina UI-suunnittelijoille mainitaan Reactin nopea kehitys, jonka takia UI-suunnittelijat eivät välttämättä pysy mukana Reactin alati muuttuvissa dokumentaatioissa.