Sovelluskehysten Angular, React ja Vue.js vertailua
Paavilainen, Patricia (2019)
Paavilainen, Patricia
2019
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-2019053113620
https://urn.fi/URN:NBN:fi:amk-2019053113620
Tiivistelmä
Työssä tarkastellaan JavaScriptiä ja sen johdannaisia Angular, React ja Vue.js ja miten ne eroavat toisistaan. Vertailun tarkoituksena on tuoda esille kielien välisiä eroja ja yhtäläisyyksiä ja antaa lukijalle hyvä mielikuva siitä, mitä sovelluskehykset pystyvät tekemään.
JavaScript on 1990-luvulla kehitetty ohjelmointikieli sen aikaisia selaimia varten. Se on vuosien varrella kehittynyt ja päässyt myös serverin puolella käytettäväksi kieleksi. Siitä löytyy johdannaisia kieliä kuten TypeScript, ajoympäristöjä kuten Node.js ja front- ja backend frameworkkeja.
Tunnetuimpia frontend-sovelluskehyksiä ovat Angular, React ja Vue.js. Angular on Googlen kehittämä framework, joka pohjautuu vanhaan AngularJS- frameworkkiin. React on Facebookin kehittämä framework, joka on käytössä Facebookin uutissyötteessä. Vue.js on kolmikon uusin tulokas, jonka suosio on noussut hurjalla vauhdilla vuoden 2016 Vue 2 -päivityksen jälkeen. Kaikki näistä ovat komponenttipohjaisia.
Suurimmat kehysten väliset erot ovat syntakseissa ja projektirakenteissa. Angularissa jokainen komponentti on pilkottu kolmeen eri tiedostoon: logiikka, käyttöliittymä ja tyylit. Reactissa komponentin logiikka ja käyttöliittymä ovat yhdessä tiedostossa, johon voi halutessaan lisätä tyylit. Vuessa luonnostaan kaikki ovat samassa tiedostossa erillisissä lohkoissa. Eroihin vaikuttaa myös se, että Angular on TypeScript-pohjainen kieli, kun React ja Vue ovat JavaScript-pohjaisia.
JavaScript on 1990-luvulla kehitetty ohjelmointikieli sen aikaisia selaimia varten. Se on vuosien varrella kehittynyt ja päässyt myös serverin puolella käytettäväksi kieleksi. Siitä löytyy johdannaisia kieliä kuten TypeScript, ajoympäristöjä kuten Node.js ja front- ja backend frameworkkeja.
Tunnetuimpia frontend-sovelluskehyksiä ovat Angular, React ja Vue.js. Angular on Googlen kehittämä framework, joka pohjautuu vanhaan AngularJS- frameworkkiin. React on Facebookin kehittämä framework, joka on käytössä Facebookin uutissyötteessä. Vue.js on kolmikon uusin tulokas, jonka suosio on noussut hurjalla vauhdilla vuoden 2016 Vue 2 -päivityksen jälkeen. Kaikki näistä ovat komponenttipohjaisia.
Suurimmat kehysten väliset erot ovat syntakseissa ja projektirakenteissa. Angularissa jokainen komponentti on pilkottu kolmeen eri tiedostoon: logiikka, käyttöliittymä ja tyylit. Reactissa komponentin logiikka ja käyttöliittymä ovat yhdessä tiedostossa, johon voi halutessaan lisätä tyylit. Vuessa luonnostaan kaikki ovat samassa tiedostossa erillisissä lohkoissa. Eroihin vaikuttaa myös se, että Angular on TypeScript-pohjainen kieli, kun React ja Vue ovat JavaScript-pohjaisia.