cid 28e7a45d342bc5e5dfab30d5befd009362d83351a822d0af410c77a6a0de786e · original · open access · via openalex
Title: Svelte : teknologiaan tutustuminen Authors: Hytönen, Toni Venue: Theseus (Ammattikorkeakoulujen) Year: 2025 Canonical: openalex:https://openalex.org/W7115092526 URL: https://openalex.org/W7115092526 Collector: openalex OA: true ABSTRACT Opinnäytetyössä tutustutaan Svelte sovelluskehyksellä tapahtuvaan web-sovelluksen kehitykseen konkreettisen esimerkin avulla ja vertaamalla sitä Reactilla tapahtuvaan sovelluskehitykseen. Työssä luodaan molemmilla sovelluskehyksillä toiminnallisesti ja visuaalisesti identtiset sovellukset, joiden toimintaa ja testausta tukemaan rakennetaan myös tietokanta ja API ohjelmointirajapinta. JavaScript-pohjaisia sovelluskehyksiä on jo vakiintuneessa käytössä monia ja uusien tulokkaiden on usein vaikeaa vakiinnuttaa omaa paikkaansa näiden joukossa. Yleensä uudet kehykset pyrkivät ratkaisemaan muista kehyksistä löytyvän ongelman tai tuovat uuden tavan rakentaa sovelluksia. Svelte on kasvattanut suosiotaan ja vakiinnuttanut asemaansa sen suosion noustu version 3 julkaisun jälkeen vuonna 2019. Se pyrkii tarjoamaan oman tyylinsä kirjoittaa koodia sekä kevyemmät ja nopeammat sovellukset. Molemmat sovelluskehykset ovat JavaScript pohjaisia. Niiden suurimmat erot löytyvät tiedosto rakenteesta, jossa yksi Svelte tiedosto sisältävää komponentin logiikan, käyttöliittymän ja tyylin ohjelmakoodin selkeästi eroteltuna omiin osioihinsa. Reactissa tyyli määritetään eri tiedostossa. Svelte tuottaa myös pienempiä tiedostoja. Svelte pitäisi toimia Reactia tehokkaammin, mutta tuloksissa React sovellus pärjäsi paremmin lataus- ja renderöintitesteissä, kun taas Svelte oli parempi vasteaikaa mitattaessa.