Usporedba razvojnih okvira React i Angular

master's thesis

• Title (english): Comparison of React and Angular development frameworks
• Author: Luka Vuk
• Mentor: Neven Vrček (mentor); MBZ: 218614
• Committee member: Darko Andročec (član povjerenstva); MBZ: 318652
• Granter: University of Zagreb; Faculty of Organization and Informatics; (Department of Information Systems Development); Varaždin
• Defense date and country: 2023-09-19, Croatia
• Scientific / art field, discipline and subdiscipline: SOCIAL SCIENCES; Information and Communication Sciences; Organization and Informatics

Abstract

Svrha ovog rada je usporediti razvojni okvir Angular i biblioteku React. Rad se sastoji od
teoretskog i praktičnog dijela, gdje su u teoretskom dijelu rada obrađene i opisane
tehnologije korištene u radu. Neke od ključnih tehnologija su JavaScript i TypeScript na
kojem se baziraju React i Angular, te Firebase koji se koristi u svrhu autentifikacije korisnika
i spremanja podataka korištenih unutar aplikacije. Nakon pojašnjenja korištenih tehnologija
opisani su pogledi i funkcionalnosti aplikacije kako bi čitatelji ovog rada lakše razumjeli
kompletnu aplikaciju. U praktičnom dijelu, izrađena je aplikacija naziva Realtime Food
Recipes i u Angular okviru i u React biblioteci. Proces izrade aplikacije olakšao je
razumijevanje oba razvojna okvira/biblioteke što je omogućilo da usporedba bude lakša i
smislenija. Ključni dio ovog rada je sama usporedba Reacta i Angulara koja se fokusira
isticanje njihovih sličnosti i različitosti. Usporedba je koncipirana tako da se pomoću
primjera iz koda čitateljima objasni kako su neke značajke implementirane koristeći React,
a kako su implementirane koristeći Angular. Za usporedbu su korišteni isječci kodova iz
aplikacije, te ilustracije koje su popraćene dodatnim objašnjenima. U svrhu izbjegavanja
zabune kod čitatelja, primjeri kodova koji su korišteni za usporedbu su prilagođeni i nisu
prikazani u cijelosti. No, pored prilagođenog koda, bit će prikazan i puni kod kako bi se
čitateljima ovog rada pobliže dočaralo kako izgleda implementacija neke značajke koja je
vidljiva na ekranu korisnika.

• Keywords: react; angular, web aplikacija, javascript, typescript
• Language: croatian
• URN:NBN: urn:nbn:hr:211:670596
• Study programme: Title: Business Systems Organization; Study programme type: university; Study level: graduate; Academic / professional title: magistar/magistra informatike (magistar/magistra informatike)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Open access
• Created on: 2023-09-25 04:12:54