Reactin, Angularin ja Vuen vertailua
Suominen, Aleksi (2020)
Suominen, Aleksi
2020
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-2020052513408
https://urn.fi/URN:NBN:fi:amk-2020052513408
Tiivistelmä
Insinöörityössä oli tavoitteena vertailla kolmea tällä hetkellä suosituinta JavaScriptin frontendissä käytettävää sovelluskehystä ja kirjastoa. Verrattavana oli Facebookin kehittämä JavaScript-kirjasto React, Googlen kehittämä JavaScript-sovelluskehys Angular ja Evan Youn kehittämä JavaScript-sovelluskehys Vue.js.Vue.js on näistä kolmesta teknologiasta uusin, ja Vuen suosio on koko ajan kasvamassa.
Tällä hetkellä React on näistä suosituin. Vue.js toisena ja Angular kolmantena. Reactilla, Angularilla ja Vuella rakennetaan SPA (Single Page Application) -sovelluksia. Työn aikana saatiin aikaan kolme samankaltaista sovellusta, joita vertailtiin keskenään. Sovellukset olivat aika yksinkertaiset muistiosovellukset, joissa on CRUD-toimenpiteet.
Vertailussa selvisi, että varsinaisesti parasta ei näistä kolmesta voi oikein valita ja oma suosikki riippuu omasta mielipiteestä. Kaikissa kolmessa kuitenkin rakennetaan käyttöliittymä komponenteista. Reactissa ja Vuessa komponentit ovat yhdessä tiedostossa ja Angularissa kolmessa.
React ja Vue myös käyttävät JavaScriptiä ja Angular TypeScriptiä. Angular on myös koko ratkaisu web-sovelluksen frontendiin ja sisältää paljon ominaisuuksia. Tästä syystä Angular vaatii enemmän aikaa opetella kuin React ja Vue.js. React ja Vue.js myös käyttävät Virtual DOM:ia ja Angular ei.
Tällä hetkellä React on näistä suosituin. Vue.js toisena ja Angular kolmantena. Reactilla, Angularilla ja Vuella rakennetaan SPA (Single Page Application) -sovelluksia. Työn aikana saatiin aikaan kolme samankaltaista sovellusta, joita vertailtiin keskenään. Sovellukset olivat aika yksinkertaiset muistiosovellukset, joissa on CRUD-toimenpiteet.
Vertailussa selvisi, että varsinaisesti parasta ei näistä kolmesta voi oikein valita ja oma suosikki riippuu omasta mielipiteestä. Kaikissa kolmessa kuitenkin rakennetaan käyttöliittymä komponenteista. Reactissa ja Vuessa komponentit ovat yhdessä tiedostossa ja Angularissa kolmessa.
React ja Vue myös käyttävät JavaScriptiä ja Angular TypeScriptiä. Angular on myös koko ratkaisu web-sovelluksen frontendiin ja sisältää paljon ominaisuuksia. Tästä syystä Angular vaatii enemmän aikaa opetella kuin React ja Vue.js. React ja Vue.js myös käyttävät Virtual DOM:ia ja Angular ei.