JavaScript-kirjastojen vertailu web-kehityksessä

Abstract

Työn tavoitteena oli vertailla moderneja web-kehityskirjastoja. Vertailuun valittiin React ja Vue tarkoituksena selvittää miten teknologiat eroavat eri osa-alueiden, kuten komponenttirakenteen, suorituskyvyn, syntaksin ja kehittäjäkokemuksen osalta. Lisäksi työhön koottiin molemmista teknologioista yleiskatsaukset, joiden tehtävänä on helpottaa sovelluskehittäjiä valitsemaan työhönsä soveltuvampi teknologia.

Osa-alueiden vertailun tueksi kehitettiin kaksi identtistä sovellusta. Molemmista teknologioista löytyi sekä vahvuuksia ja heikkouksia. Vue soveltuu erittäin hyvin pieniin projekteihin sekä aloitteleville kehittäjille sen selkeän komponenttirakenteen ja dokumentoinnin takia, mutta koska sillä on pienempi yhteisö eri laajennukset ja ulkopuoliset työkalukirjastot jäävät vajaiksi. React puolestaan on sopiva erityisesti laajempiin ja monimutkaisempiin projekteihin laajan ekosysteeminsä ja vapaamman arkkitehtuurinsa takia, mutta käyttöönotto ja syntaksi saattavat olla haastavia etenkin uudelle React-kehittäjälle.

Molemmat teknologiat ovat erittäin hyviä vaihtoehtoja dynaamisten ja modernien web-sovellusten kehittämiseen. Lopullinen valinta teknologioiden välillä on riippuvainen pääasiassa projektin laajuudesta, tavoitteesta ja kehittäjien osaamisesta.

The objective of thesis was to compare the React and Vue libraries and examine how they differ in areas such as component structure, performance, syntax, coding experience, and to provide an overview of technology selection for different development needs.

Two identical online store applications were created using both React and Vue. The applications were created using the same functional requirements. Vue proved to be more beneficial for beginners due to its clearer code structure and good documentation. However, its smaller community and external libraries and extensions may be more limited. React was shown to be more suitable for large-scale and complex projects due to its large ecosystem and flexible architecture, although its setup and syntax may be more challenging for beginners.

Both technologies are good choices for creating dynamic web applications, but the final choice primarily depends on the project’s objectives, size, and the developer’s level of skill.