Svelten ominaisuudet ja sen vertailu Reactiin

Abstract

Verkkokehityksen alalla kehysympäristöt ovat teknologioita, jotka antavat sovellukselle valmiin rungon ja toimintamallin, jolla on helpompi rakentaa moderneja verkkosivuja. Sopivan kehysympäristön valitseminen verkkosovelluksen rakentamiseen on tärkeää ennen sovellusprojektin aloittamista, sillä valitun kehysympäristön ominaisuudet voivat merkittävästi vaikuttaa projektin valmistumisen nopeuteen ja lopputulokseen. Tästä syystä kehysympäristöjä on hyvä tutkia etukäteen ja verrata niitä keskenään. Tässä työssä tutkittiin Svelteä ja sen ominaisuuksia, sillä Svelte on yksi uudempia tulokkaita verkkokehityksen alalla. Svelten vertailukohteeksi valittiin React, sillä React on tällä hetkellä suosituin kehysympäristö, ja alalla työskentelevät todennäköisesti tuntevat Reactin ennestään.

Työn lähteinä on käytetty suurimmaksi osaksi kehysympäristöjen omaa dokumentaatiota sekä kehysympäristöistä kirjoitettuja oppikirjoja. Työssä käytiin läpi ensin verkkokehityksen perusteita, jonka jälkeen tutkitaan Svelten ominaisuuksia, ja lopulta Svelteä verrataan tarkemmin Reactiin. Svelteä ja Reactia objektiivisesti vertailevia lähteitä oli hyvin vaikea löytää, joten erityisesti oppimateriaalin laatuun ja ohjelmointisyntaksin helppouteen liittyvät havainnot ovat suurimmaksi osaksi kirjoittajan omia mielipiteitä kehysympäristöjen opiskelun ja tutkimisen ajalta. Työssä on kuitenkin tutkittu myös kehysympäristöjen tehokkuutta, jossa on käytetty laajoja julkisia mittaustuloksia Svelten ja Reactin vertailuun.

Työssä havaittiin, että Svelten pakollinen käännösvaihe on monin tavoin hyödyllinen sovelluskehityksessä. Käännöksen aikana Svelte optimoi sovelluksen mahdollisimman nopeaksi ja pieneksi, eikä sovelluksen ajon aikana prosessointia tarvita enää kehysympäristön ylläpitoon. Käännösvaihe erottaa Svelten ohjelmointisyntaksin lopullisesta ohjelmakoodista, mikä mahdollistaa yksinkertaisemman ja lyhyemmän ohjelmointisyntaksin. Työssä käytettyjen tutkimusten perusteella Sveltellä luodut sovellukset ovat tehokkaampia ja koodirivillisesti lyhyempiä kuin Reactin vastaavat toteutukset.