Responsiivinen web-suunnittelu ja toteutus Reactilla

Abstract

Insinöörityössä tutkittiin responsiiviseen web-suunnitteluun liittyviä teknologioita ja toimintatapoja sekä toteutettiin React-komponentteja käyttäen TypeScriptiä, Reactia ja sisällönhallintajärjestelmä Contentfulia. Työssä myös tutkittiin suunnittelua ja siihen liittyviä työkaluja sekä testausta ja siinä käytettäviä työkaluja.

Työssä luotiin komponentteja Reactilla ja TypeScriptillä ja käytettiin niitä Contentfulissa olevien sisältöjen kanssa. Verkkosivuston luomiseen Reactilla ja TypeScriptillä tarvitaan paljon tietoa kyseisistä teknologioista. Mediakyselyt, Reactin komponentit, state- ja props-objektit ovat tärkeässä osassa kehitystyötä. Sivuston suorituskykyä voidaan parantaa käyttämällä vektorigrafiikkaa ja pitämällä huolta siitä, että kuvien resoluutio ei ole liian suuri.

Tutkimuksen perusteella pääteltiin, että responsiivisuus on hyvin tärkeää tämän päivän kehitystyössä ja suunnittelussa. Yhä useampi internetin loppukäyttäjä käyttää mobiililaitetta selatessaan. Responsiivisuuden huomattiin myös parantavan hakukonenäkyvyyttä ja pidentävän ajankäyttöä verkkosivustolla.

Responsiivisuuden suosituin ja puhutuin käsite on mobiili ensin -toimintaperiaate. Siinä suunnittelu- ja kehitystyö aloitetaan pienimmästä tuetusta näyttökoosta. Tämän toimintaperiaatteen tarkoitus on parantaa käytettävyyttä mobiililaitteilla.