React.js okvir

završni rad

• Naslov (engleski): React.js framework
• Autor: Bruno Stojaković
• Mentor: Kristina Kocijan (mentor)
• Član povjerenstva: Vedran Juričić (predsjednik povjerenstva)
• Član povjerenstva: Kristijan Klasan (član povjerenstva)
• Član povjerenstva: Kristina Kocijan (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Filozofski fakultet; (Odsjek za informacijske i komunikacijske znanosti); Zagreb
• Datum i država obrane: 2023-09-12, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: DRUŠTVENE ZNANOSTI; Informacijske i komunikacijske znanosti; Informacijsko i programsko inženjerstvo

Sažetak

Tema ovog rada je okvir za programiranje React.js te njegov način rada i primjena u izradi modernih internetskih stranica. Cilj rada je prikazati prednosti i mane Reacta ne samo na teoretskoj razini već i praktičnoj kroz konkretni primjer stranice s internetskom trgovinom. S ciljem jasnog razumijevanja Reacta, u radu je kratko opisana povijest tehnologije koja se koristi pri izradi internetskih stranica te problemi koji su doveli do razvoja samog Reacta. Opisane su tehnologije iz mrežnih standarda poput JavaScript-e, HTML-a i CSS-a koje se koriste u Reactu kao i tehnologije po kojima se on razlikuje od ostalih alata za izradu mrežnih aplikacija. Dodatno je napravljena usporedba između okvira Reacta, Vue.js-a i Ember.js-a uz prikaz njihovih općih prednosti i mana. Na konkretnom primjeru Internet trgovine pojašnjene su komponente Reacta poput ugniježđenih komponenti, JSX-a, razlike između stanja i značajki te prednosti virtualnog DOM-a naspram stvarnog. Ukratko su prikazani i načini upotrebe različitih alata potrebnih za izradu uporabljive internetske stranice koja u svojoj podlozi ima Internet trgovinu.

Sažetak (engleski)

The topic of this thesis is the programming framework React.js, its functionality and application in developing modern web pages. The thesis anaylzes advantages and disadvantages of React both on the theoretical and practical levels via an example webpage with a web store. In order to better understand React, the thesis briefly describes the history of the technologies used in creating network standards such as JavaScript, HTML and CSS which are also utilised in React, as well as its technologies which make Reac different from other tools for creation of network applications. Additionally, a comparison is made between React.js, Vue.js and Ember.js framework explaining their general features. The web store example presents React components such as nested components, JSX, differences between state and properties and advantages of virtual DOM over the real one. It briefly summarizes methods of using different tools necessary for making a functional web page that includes a web store.

• Ključne riječi: React.JS. JSX; JavaScript; virtualni DOM; Internet trgovina.
• Ključne riječi (engleski): React.js; JSX; JavaScript; virtual DOM; web store
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:131:534758
• Studijski program: Naziv: Informacijske znanosti; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) informacijskih znanosti (univ. bacc. inf.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Otvoreni pristup
• Datum i vrijeme pohrane: 2023-09-13 17:58:09